html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,form,legend,dl,dt,dd,ul,ol,li{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6,b,i,em{font-weight:normal;font-style:normal}
html,body{position:relative;font-size:10px}
body{font-family:'-apple-system','HelveticaNeue',"Microsoft YaHei";background:#fff;scroll-behavior: smooth;}
@media (min-width:320px) and (max-width:1024px){html,body{font-size:10px;}}
@media (min-width:1025px) and (max-width:1440px){html,body{font-size:8.75px}}
@media (min-width:1441px) and (max-width:1680px){html,body{font-size:9.25px}}

.dongtai ul .h4{width:300px;height:200px}
.dongtai ul .h4 .swiper-slide{width:100%;height:100%}
.dongtai ul .h4 .swiper-slide a{display:block;width:100%;height:100%;overflow: hidden;position: relative;}
.dongtai ul .h4 .swiper-slide img{display:block;width:100%;height:100%;border:0;padding:0;margin:0;z-index: 1;}
.dongtai ul .h4 .swiper-slide p{width:90%;padding:0 5%;height:40px;font-size:14px;line-height:40px;color:#fff;background: rgb(0, 0, 0,0.4);position: absolute;left:0;bottom:0}
ol,ul,li{list-style:none}
li{list-style-type:none}
a{text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.clearfix:after{content:"";display:block;height:0;clear:both}
.i{width:100vw;height:100vh}
.b{height:32rem}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 4773920 */
    src: url('/css/font_4773920_v6g4y4nhsl.woff?t=1744106769019') format('woff'),
         url('/css/font_4773920_v6g4y4nhsl.ttf?t=1744106769019') format('truetype');
  }
.header{backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);transition:all 0.8s;-webkit-transition:all 0.8s;z-index:99;width:100%;height:9rem;min-width:1300px;position:fixed;background:rgba(255,255,255,0.1);
    /* -webkit-box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%);-moz-box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%);box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%) */
}
.header.on{background:rgba(255,255,255,0.9);}
.header:hover{background:rgba(255,255,255,1);}
.header-center{padding:0;position:relative;height:9rem;margin:0 auto;width:96%;min-width:1300px;max-width:1700px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;align-content: stretch;}
.header-center h2{width:20rem;padding:0;margin:0}
.header-center h2 img{display:block;border:0;height:5rem;width:auto}
.header-center .en{width:10rem;height:4rem;line-height:4rem;}
.header-center .en a{line-height:4rem;height:4rem;display:block;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items: center;
	align-content: center;}
.header-center .en i{font-family: "iconfont";font-size:2.2rem;color:#fff;line-height:4rem;display:block}
.header-center .en em{font-size:2rem;color:rgb(48, 186, 196,1);font-weight:600;line-height:4rem;display:block}
.header:hover .header-center .en i{color:#00429c}

.header .menu{width:50%;min-width:700px;padding:0;margin:0;height:100%;text-align:left;}
.header .menu span{display:none}
.header .menu ul{width:100%;margin:0 auto;height:100%;position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:stretch;z-index:3}

.header .menu ul dl{position:relative;text-align:center;z-index:99;width:12.5%;box-sizing: border-box;}

.header .menu ul dl dt{font-size:1.6rem;line-height:9rem;-webkit-transition:0.3s ease 0s;transition:0.3 ease 0s}
.header .menu ul dl dt a{font-size:1.6rem;line-height:9rem;color:#000;display:block;padding:0 10px}
.header .menu ul dl dt:hover a,.header .menu ul dl.on:hover dt a{color:#30bac4;font-weight:600}

.header .menu ul dd{display:none;position:absolute;left:50%;margin-left:-85px;width:170px;top:9rem;background:rgba(255,255,255);padding:0 0 1rem 0;-webkit-box-shadow:0 5rem 5rem 0 rgb(102 102 102 / 20%);-moz-box-shadow:0 5rem 5rem 0 rgb(102 102 102 / 20%);box-shadow:0 5rem 5rem 0 rgb(102 102 102 / 20%);backdrop-filter:blur(20px);-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}
.header .menu ul li{line-height:4.6rem;color:#000;margin:0 auto;padding:0;border-bottom:1px solid rgb(0,0,0,0.05);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.header .menu ul li:hover{background:rgb(0, 0, 0,0.02)}
.header .menu ul li a{display:block;font-size:1.5rem;line-height:4.6rem;color:#30bac4;padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header .menu ul li a:hover{color:#000}


@media (min-width:320px) and (max-width:1024px){
    .header{height:5rem;min-width:320px;background:rgba(255,255,255,.1);}
    .header.on{position: fixed;}
    .header-center{height:5rem;margin:0 auto;width:96%;min-width:320px;}

    .header-center h2{width:auto;height:3rem}
    .header-center h2 img{height:3rem;}
    .header .menu{width:4rem;min-width:4rem;height:4rem;padding:0;margin:0;box-sizing: border-box;position: absolute;right:5rem}
    .header .menu span{display:block;width:100%;height:100%;position: relative;font-family: "iconfont";color:rgb(0, 0,0, 0.6);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor: pointer;}
    .header .menu span:before{display:block;position: absolute;font-size:16px;line-height:4rem;width:100%;height:100%;text-align:center;}
    .header .menu span.off:before{content:"\e672";}
    .header .menu span.on:before{content:"\e611";}
    .header .menu ul{width:100vw;height:calc(100vh - 5rem);max-height:calc(100vh - 5rem);overflow-y:auto;display:none;position: fixed;left:0;top:5rem;background:#fff;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;}
.header .menu ul dl{position:relative;text-align:center;z-index:99;width:100%;box-sizing: border-box;border-left:0px;}
.header .menu ul dl:last-child{border-right:0;} 
.header .menu ul dl.on dt:after,.header .menu ul dl.on:hover dt:after{right:20px;top:0;display:block;position: absolute;color:#999;font-size:16px;line-height:5rem;width:4rem;height:5rem;text-align:center;content:"\e626";font-family: "iconfont";}
.header .menu ul dl.on:hover dt:after{content:"\e771"}
.header .menu ul dl dt{line-height:5rem;width:100%;border-top:1px solid rgb(0,0,0,0.05)}
.header .menu ul dl dt a{line-height:5rem;padding:0;width:50%;margin:0 auto;}


.header .menu ul dd{display:none;position:relative;left:auto;margin:0 auto;padding:0;width:70%;top:0rem;-webkit-box-shadow:0 5rem 5rem 0 rgb(102 102 102 / 0);-moz-box-shadow:0 5rem 5rem 0 rgb(102 102 102 / 0);box-shadow:0 5rem 5rem 0 rgb(102 102 102 / 0);backdrop-filter:blur(20px);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.header .menu ul dl:hover dd{display:block}
.header .menu ul li{line-height:46px;color:#000;margin:0 auto;padding:0;border-bottom:0;border-top:1px dashed rgb(0,0,0,0.05);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.header .menu ul li:hover{background:rgb(0, 0, 0,0.02)}
.header .menu ul li a{display:block;font-size:16px;line-height:46px;color:#000;padding:0px;width:50%;margin:0 auto}
.header .menu ul li a:hover{color:#f37823}


.header-center .en{width:4rem;height:4rem;padding:0;margin:0;box-sizing: border-box;position: absolute;right:0rem}
.header-center .en a{display:block;}
.header-center .en i{display:none}
.header-center .en em{font-size:1.4rem;color:rgb(48, 186, 196,.5);font-weight:400;padding-left:0;display:block;width:4rem;text-align:center;line-height:4rem;}


}



.banner{width:100%;min-width:1300px;height:100vh;overflow:hidden;position:relative;background:#fff;z-index:1}
.banner .swiper-slide .p1{width:100%;height:auto;position:relative;z-index:2;opacity:0.2;transition:all 0.8s;-webkit-transition:all 0.8s;}
.banner .swiper-slide-active .p1{opacity:1;}
.banner .swiper-slide .p1 img,.banner .swiper-slide .p1 video{-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);filter:blur(10px);
    width:100%;height:auto;display:block;transition:all 0.8s;-webkit-transition:all 0.8s;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.banner .swiper-slide-active .p1 img,.banner .swiper-slide-active .p1 video{
    -webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px);filter:blur(0px);opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.banner .swiper-slide .p2{text-align:center;width:60%;min-width:1024px;position:absolute;z-index:3;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}




.banner .swiper-slide .p2 .f2{text-align:center;overflow:hidden}    
.banner .swiper-slide .p2 .f2 img{width:100%;height:auto;display:block;border:0;margin:0 auto;-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: .4s ease .0s;}
.banner .swiper-slide-active .p2 .f2 img{opacity: 1;width:100%;height:auto;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: 1.2s ease .2s;}
  

.ban_page{position:absolute;width:14rem;height:5rem;right:10%;bottom:8rem;z-index:10;}
.button-next,.button-prev{font-family:"iconfont" !important;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;display:block;position:absolute;cursor:pointer;}
.ban_page .button-next,.ban_page .button-prev{width:5rem;height:5rem;font-size:2.4rem;line-height:5rem;background:rgba(0,0,0,0.05);color:rgb(255, 255, 255,0.6);-moz-border-radius:5rem;-webkit-border-radius:5rem;border-radius:5rem}
.ban_page .button-next{right:0;}
.ban_page .button-prev{left:0;}
.ban_page .button-next:hover,.ban_page .button-prev:hover{background:#30bac4;color:#fff;}


.psp{width:1900px;padding:0;margin:0 auto}
.psp img{padding:0;margin:0 auto;display:block;border:0}
.none{text-align:center;margin:0 auto;font-size:16px;line-height:60px;color:#999}


@media (min-width:320px) and (max-width:1024px){
    .banner{width:100%;min-width:320px;height:100vh;}
    .banner .swiper-slide .p1 img{width:100%;height:auto;}
    .banner .swiper-slide .p1 video{width:100%;height:100%;}
    .ban_page{display:none}
    .banner .swiper-slide .p2{width:80%;max-width:800px;min-width:300px;left:10%;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
    .banner .swiper-slide .p2 .f2{text-align:center;overflow:hidden}    
    .banner .swiper-slide .p2 .f2 img{opacity: 1;width:100%;height:auto;display:block;border:0;margin:0 auto;-webkit-transform: translate3d(0,100%, 0);transform: translate3d(0,100%, 0);opacity: 0;transition: .8s ease .0s;}
    .banner .swiper-slide-active .p2{top:50%;opacity:1;}
    .banner .swiper-slide-active .p2 .f2 img{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@media (min-width:320px) and (max-width:570px){
    .banner .swiper-slide .pm img{display:block;width:100%;height:100%;position: relative;}
}
@media (min-width:571px) and (max-width:1024px){
    .banner .swiper-slide .pm img{display:block;width:100%;height:100%;position: relative;}
}
.tbanner{width:100%;min-width:1300px;padding:0;margin:0;height:auto;position:relative;z-index:0}
.tbanner img{display:block;width:100%;height:auto;position:relative;z-index:-1}
.tbanner .c,.tbanner .a{text-align:center;width: 80%;
min-width: 1000px;
max-width: 1200px;left:50%;top:55%;position:absolute;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);overflow:hidden;}
.tbanner .c .a-title-1,.tbanner .a .a-title-1{font-size:5rem;line-height:8rem;width:100%;font-weight:600;color:#30bac4;text-shadow:-2px 2px 0px rgb(255, 255, 255,0.4);padding-bottom:1rem;position:relative}
.tbanner .c .a-title-1:before,.tbanner .a .a-title-1:before{position: absolute;width:4rem;height:0.4rem;content:"";left:calc(50% - 2rem);bottom:0;background:#f37823}
.tbanner .c .a-title-2,.tbanner .a .a-title-2{font-size:2.4rem;line-height:3rem;width:100%;font-weight:600;color:#30bac4;padding:1rem 0;}
.tbanner .a {top:50%;}

.tbanner_2{width:100%;padding:0;margin:0;height:10rem;position:relative;z-index:1}

@media (min-width:320px) and (max-width:680px){
    .tbanner{width:100%;min-width:320px;height:320px;overflow: hidden;}
    .tbanner img{display:block;width:auto;height:100%;position:absolute;z-index:-1;right:-20%}
}

@media (min-width:681px) and (max-width:1024px){
    .tbanner{width:100%;min-width:320px;height:320px;overflow: hidden;}
    .tbanner img{display:block;width:auto;height:100%;position:absolute;z-index:-1;right:0}
}
@media (min-width:320px) and (max-width:1024px){
.tbanner .c,.tbanner .a{text-align:center;width: 80%;
    min-width: 320px;
    max-width: 1024px;}
    .tbanner .c .a-title-1,.tbanner .a .a-title-1{font-size:2.2rem;line-height:4rem;}
    .tbanner .c .a-title-1:before,.tbanner .a .a-title-1:before{position: absolute;width:3rem;height:0.2rem;content:"";left:calc(50% - 1.5rem);}
}


.about {width:100%;min-width:1300px;height:100vh;min-height:60rem;position:relative;margin:0 auto;z-index:2;padding:0;background:#f9f9f9 url(/images/about_bg.jpg) no-repeat center center;background-size:100% auto ;
overflow:hidden;}


.inews h2,
.key_t .h2 h2,
.about h2{height:9rem;position:relative;margin:0rem;width:100%;}
.key_t .h2 h2 i,
.inews h2 i,
.about h2 i{display:block;width:100%;font-size:4rem;line-height:4rem;height:4rem;color:#30bac4;font-weight:600;position:absolute;left:0;top:2rem;z-index: 3;}
.key_t .h2 h2 em,
.inews h2 em,
.about h2 em{font-family: Book Antiqua;display:block;width:100%;font-size:4.2rem;line-height:4.2rem;height:4.2rem;color:rgb(48, 186, 196,.1);font-weight:600;position:absolute;left:0;top:0rem;z-index: 2; text-transform: uppercase}
.key_t .h2 h2:before,
.inews h2:before,
.about h2:before{content:"";position:absolute;display:block;z-index:1;z-index: 1;left:0;bottom:.5rem;width:6rem;height:.5rem;background:#f37823}


.i .swiper-slide.about h2{-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1s ease .0s;}
.i .swiper-slide-active.about h2{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;}

.about_chld{width:96%;min-width:1300px;max-width:1700px;height:calc(100vh - 26rem);min-height:50rem;margin:0;top:50%;left:50%;
    -webkit-transform: translate3d(-50%,-50%, 0);transform: translate3d(-50%,-50%, 0);
    position: relative;display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-evenly;}



.about .ab_left{width:45%;height:50rem;position: relative;}
.about .ab_left ul{font-size:1.8rem;padding:3rem 0;line-height:180%;color:#000;-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1.2s ease .0s;}



.i .swiper-slide-active.about .ab_left ul{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;}

.about .ab_left ul>p{padding:0.5rem 0}

.about .i_a_d{height:auto;z-index:1;position:relative;box-sizing: border-box;padding:4rem 0 6rem 0;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;align-content: stretch;
    -webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1.4s ease .0s;}

.i .swiper-slide-active.about .i_a_d{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;}


.iad_list{width:25%;box-sizing: border-box;padding:0 2rem;text-align: center;}
.iad_list .em{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;}
.iad_list .em i{font-size:5rem;line-height:4rem;font-weight:600;font-family: math;}
.iad_list .em em{font-size:1.8rem;line-height:4rem;font-weight:200;padding-left:1rem;}
.iad_list .p{font-size:1.6rem;line-height:2.4rem;padding-top:3rem;position: relative;color:#999}
.iad_list .p:before{content:"";position:absolute;display:block;width:4rem;height:0.2em;background:rgb(0, 156, 207,0.3);z-index: 1;left:calc(50% - 2rem);top:1.6rem;}

@media (min-width:320px) and (max-width:1024px){

.about .ab_left{width:100%;height:auto;}
.about .ab_left ul{font-size:1.4rem;padding:1rem;line-height:160%;-webkit-transform: translate3d(0,100px, 0);transform: translate3d(0,100px, 0);text-align:center;}
.about .i_a_d{padding:2rem 0;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: flex-start;align-content: stretch;
-webkit-transform: translate3d(0,100px, 0);transform: translate3d(0,100px, 0);}
.iad_list{width:25%;padding:0 1rem;}  
.iad_list .em i{font-size:2.4rem;line-height:3rem;}
.iad_list .em em{font-size:1.2rem;line-height:3rem;padding-left:.5rem;}
.iad_list .p{font-size:1.2rem;line-height:120%;padding-top:2rem;}
.iad_list .p:before{width:2rem;height:0.2em;background:rgb(0, 156, 207,0.3);left:calc(50% - 1rem);top:.5rem;}
}

.about_more{width:22rem;height:5rem;background:rgb(48, 186, 196,.2);text-align:center;position: relative;z-index: 2;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;

-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1.4s ease .0s;}
.about_more a{display:block;width:100%;}

.i .swiper-slide-active .about_more{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);}

.about_more i{font-size:1.6rem;line-height:5rem;color:rgb(48, 186, 196,1);transition: 0s ease .3s;padding-right:1rem;}
.about_more em{font-size:1.6rem;line-height:5rem;color:#fff;transition: 0s ease 1.2s;font-family: "iconfont";padding-left:1rem;border-left:1px solid rgb(255, 255, 255,.4);}

.about_more:before{content:"";position:absolute;display:block;z-index:1;width:0;height:100%;background:rgb(48, 186, 196,1);z-index: -1;transition: 1.2s ease 0s;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}

.about_more:hover:before{width:100%;height:100%;}

.about_more:hover i{color: #fff !important;}


.about .ab_list{width:55%;max-width:76rem;height:60rem;margin:0;padding:0;position: relative;box-sizing: border-box;-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1.8s ease .0s}
.i .swiper-slide-active.about .ab_list{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;}

.about .ab_list::before{content:"";position:absolute;display:block;z-index:1;width:0;height:calc(100% - 6rem);border-right:1px dashed rgb(0, 0, 0, 0.1);z-index: -1;transition: 1.2s ease 0s;left:.8rem;top:3rem}

.about .ab_list .swiper-wrapper .swiper-slide{width:calc(100% - 8rem);background:rgb(255, 255, 255,1);padding:1rem 5rem 1rem 10rem;box-sizing: border-box;margin:3rem 0 3rem 8rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
border:1px solid rgb(9, 202, 51,0.1);height:14rem;
-webkit-box-shadow:0 10px 16px 0 rgb(48, 186, 196,0.2);-moz-box-shadow:0 10px 16px 0 rgb(48, 186, 196,0.2);box-shadow:0 10px 16px 0 rgb(48, 186, 196,0.2);
transition:all 0.3s;-webkit-transition:all 0.3s;position: relative;opacity:.6;}
.about .ab_list .swiper-wrapper .swiper-slide:before{content:"";position:absolute;display:block;z-index:1;width:1.6rem;height:1.6rem;background:#ddd;z-index:1;transition: 1.2s ease 0s;left:-8rem;top:calc(50% - 0.8rem);
-moz-border-radius:1.6rem;-webkit-border-radius:1.6rem;border-radius:1.6rem;}
.about .ab_list .swiper-wrapper .swiper-slide:hover{-webkit-box-shadow:0 0px 16px 0 rgba(3, 3, 3, 0.08);-moz-box-shadow:0 0px 16px 0 rgb(48, 186, 196, 8%);box-shadow:0 8px 16px 0 rgb(48, 186, 196,.6);}

.about .ab_list .swiper-wrapper .swiper-slide i{font-size:4.2rem;line-height:8rem;height:8rem;width:8rem;text-align:center;color:#fff;font-family: "iconfont";background:#30bac4;display: block;position: absolute;left:-2rem;top:3rem;
-moz-border-radius:2rem 2rem 2rem 0rem;-webkit-border-radius:2rem 2rem 2rem 0rem;border-radius: 2rem 2rem 2rem 0rem;}





.about .ab_list .swiper-wrapper .swiper-slide p{width:100%;}
.about .ab_list .swiper-wrapper .swiper-slide p em{font-size:3rem;line-height:4rem;height:4rem;width:100%;color:#30bac4;display:block;font-weight:600;font-family: math;}
.about .ab_list .swiper-wrapper .swiper-slide p span{font-size:1.6rem;line-height:2.6rem;height:5.2rem;width:100%;color:#000;display:block;font-weight:200}

.about .ab_list .swiper-wrapper .swiper-slide-active,.about .ab_list .swiper-wrapper .swiper-slide:hover{background:rgb(255, 255, 255,1);opacity:1;}
.about .ab_list .swiper-wrapper .swiper-slide-active:before{background:rgb(0, 156, 207,1)}

@media (min-width:320px) and (max-width:1024px){
    .about .ab_list .swiper-wrapper .swiper-slide{width:calc(100% - 4rem);padding:1rem 1rem 1rem 3rem;margin:1rem 0 1rem 2rem;height:8rem;opacity:.4;}
    .about .ab_list .swiper-wrapper .swiper-slide:before{display:none}
    .about .ab_list .swiper-wrapper .swiper-slide i{font-size:2rem;line-height:4rem;height:4rem;width:4rem;left:-2rem;top:2rem;
    -moz-border-radius:2rem 2rem 2rem 0rem;-webkit-border-radius:2rem 2rem 2rem 0rem;border-radius: 2rem 2rem 2rem 0rem;}
    .about .ab_list::before{display:none}
    .about .ab_list .swiper-wrapper .swiper-slide p em{font-size:1.8rem;line-height:2rem;height:2rem}
    .about .ab_list .swiper-wrapper .swiper-slide p span{font-size:1.2rem;line-height:1.6rem;height:3.2rem;overflow: hidden;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;}
        .about .ab_list .swiper-wrapper .swiper-slide-active,.about .ab_list .swiper-wrapper .swiper-slide:hover{background:rgb(255, 255, 255,1);opacity:1;}

    }


@media (min-width:320px) and (max-width:1024px){

.about h2,.p_a h2,.inews h2,.key_t .h2 h2{height:5.4rem;position:relative;margin:0 auto;max-width:100%;text-align:center;}
.about h2 a{display:block;width:100%;height:100%;position:relative;z-index: 2;}
.about h2 em,.p_a h2 em,.inews h2 em,.key_t .h2 h2 em{font-size:2rem;line-height:3.6rem;height:3.6rem;}
.about h2 i,.p_a h2 i,.inews h2 i,.key_t .h2 h2 i{font-size:1.8rem;line-height:4rem;height:4rem;left:0;top:.6rem;}
.about h2:before,.p_a h2:before,.inews h2:before,.key_t .h2 h2:before{height:0.3rem;bottom:0rem;width:3rem;left:calc(50% - 1.5rem)}
.about {width:100%;min-width:320px;background-size: auto 100%;background-position:left top;}
.about_chld{width:96%;min-width:320px;max-width:1024px;height:calc(100vh - 7rem);min-height:50rem;margin:0;top:6rem;left:2%;
-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);flex-direction: column;
justify-content: space-evenly;
align-items: center;
align-content: space-evenly;
flex-wrap: nowrap;
position: relative;}
.about .ab_list{width:100%;max-width:1024px;height:24rem;-webkit-transform: translate3d(0,100px, 0);transform: translate3d(0,100px, 0);}
}
.inews{padding:0;width:100%;height:100vh;min-width:1300px;min-height:600px;margin:0;background:#fff url(../images/pattern-2.jpg) center top no-repeat;background-size: 100% auto;
    position: relative;z-index: 1;overflow:hidden}
.n_div{width:96%;min-width:1300px;max-width:1700px;position:relative;padding:0;margin:0;top:50%;left:50%;
    height:calc(100vh - 26rem);min-height:60rem;
    -webkit-transform: translate3d(-50%,-50%, 0);transform: translate3d(-50%,-50%, 0);
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.n_right{width:70%;position: relative;-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1s ease .0s;}
.n_left{width:20%;}
.n_left .h2{-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1s ease .0s;}
.n_right .swiper-wrapper .swiper-slide,
.n_right .swiper-wrapper{width:100%}
.i .swiper-slide-active .n_div .n_left .h2{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;}

.n_right_s{width:100%;padding:0;margin:0;}
.i .swiper-slide-active .n_div .n_right{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;}

.inews li,.inews li:after,.inews li:before,.inews li .itext em:after,.inews li .itime,
.inews li .ipic img{-webkit-transition:0.3s ease 0s;transition:0.3s ease 0s;}


.n_right .plist{position: relative;background:#fff;border:1px solid rgb(48, 186, 196,0.1);width:100%;margin:0;padding:2rem;box-sizing:border-box;
    -moz-border-radius:2rem;-webkit-border-radius:2rem;border-radius:2rem;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: center;
}



.n_right .plist .ipic{overflow:hidden;width:40%;position: relative;z-index: 1;-moz-border-radius:2rem;-webkit-border-radius:2rem;border-radius:2rem;}
.n_right .plist .ipic img{width:100%;height:auto;display:block;position: relative;z-index:1;-moz-border-radius:2rem;-webkit-border-radius:2rem;border-radius:2rem;
    -webkit-transition:0.3s ease 0s;transition:0.3s ease 0s;
}



.n_right .plist .ipic:before{z-index:2;content:"";display:block;
    position: absolute;
    left: -100%;
    top: -10%;
    width: 180px;
    height: 120%;

    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.7)));
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 100%);
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
  
}
.n_right .plist:hover .ipic:before{left:100%;-moz-transition:0.8s;
    -o-transition:0.8s;
    -webkit-transition:0.8s;
    transition:0.8s;}


.n_right .plist .itext{width:50%;padding:0;box-sizing: border-box;}
.n_right .plist .itext .ititle{font-weight:600;font-size:2.2rem;line-height:3rem;color:#333;padding:2rem 0 0 0;box-sizing: border-box;overflow:hidden; text-overflow:ellipsis;}
.n_right .plist .itext .idesc{font-size:1.6rem;line-height:2.4rem;height:5rem;color:#333;margin:2rem 0;box-sizing: border-box;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.n_right .plist .itext .itime{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;}
.n_right .plist .itext .itime i{height:5rem;font-size:4rem;line-height:5rem;font-weight:600;color:#30bac4;display:block;}
.n_right .plist .itext .itime em{height:4rem;font-size:1.6rem;line-height:4rem;font-weight:200;color:#000;display:block;padding-left:1rem}

.n_right .plist:hover .itext .ititle{color:#30bac4;}
.n_right .plist:hover .ipic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1) }
.n_right .plist .imore{height:3rem;font-size:1.6rem;line-height:3rem;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}


.n_right .plist .imore a{font-size:1.6rem;line-height:3rem;color:#666;padding-left:1rem}
.n_right .plist .imore:before{content:"\e626";font-family: iconfont;display:block;width:3rem;height:3rem;text-align:center;background:rgb(0,0,0,0.05);color:rgb(48, 186, 196,0.2);-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;font-size:1.6rem;line-height:3rem;}
.n_right .plist:hover .imore:before{background:#30bac4;color:#fff}
.n_right .plist:hover .imore a{color:#30bac4;}
    
@media (min-width:320px) and (max-width:1024px){
    .n_right .plist{padding:0;-moz-border-radius:0rem;-webkit-border-radius:0rem;border-radius:0rem;border:0;width:100%}
    .n_right .plist .ipic{width:12rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
    .n_right .plist .ipic img{-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}   
    .n_right .plist .ipic:before,.n_right .plist:hover .ipic:before{display:none}
    .n_right .plist .itext{width:calc(100% - 13rem)}
    .n_right .plist .itext .itime i{height:2rem;font-size:1.8rem;line-height:2rem;}
    .n_right .plist .itext .itime em{height:2rem;font-size:1.2rem;line-height:2rem;}

    .n_right .plist .itext .ititle{font-size:1.4rem;line-height:2.2rem;font-weight:400;width:100%;height:4.4rem;color:#333;padding:0;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
    .n_right .plist .itext .idesc{display:none}
    .n_right .plist .imore{height:2rem;font-size:1.2rem;line-height:2rem;}

    .n_right .plist .imore a{font-size:1.2rem;line-height:2rem;color:#666;padding-left:0rem}
    .n_right .plist:hover .imore:before,
    .n_right .plist .imore:before{width:1.5rem;height:2rem;background:rgb(0,0,0,0);font-size:1.2rem;color:#30bac4;line-height:2rem;text-align:left;}


}
.n_left .n_left_s{width:100%;margin:0;position:relative;z-index:2;box-sizing: border-box;padding:2rem 0 4rem 0;-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1.2s ease .0s;}
.i .swiper-slide-active .n_div .n_left .n_left_s{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;}
.n_left .n_left_s li{position: relative;background:rgb(48, 186, 196,0.2);width:22rem;margin:2rem 0;box-sizing:border-box;cursor: pointer;
    font-size:1.6rem;line-height:5rem;color:#333;text-align:center;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;
    -moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
}
.n_left .n_left_s li.on,.n_left .n_left_s li:hover{color:#fff;font-weight:600;background:rgb(48, 186, 196,1);}



.n_right .tlist{width:100%;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: flex-start;}
.n_right .tlist li{width:25%;padding:2rem 0}

.n_right .tlist li .itext{width:90%;padding:0;position:relative;z-index:2;font-size:1.8rem;line-height:3rem;height:6rem;color:#666;font-weight:600;margin:1rem 0 2rem 0;
box-sizing: border-box;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
}

.n_right .tlist li .itime{height:4rem;font-size:1.8rem;line-height:4rem;font-weight:400;color:#999;}

.n_right .tlist li .imore{position: relative;width:13rem;z-index: 1;}
.n_right .tlist li .imore a{
    display:block;width:100%;height:3rem;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
   font-size:1.6rem;line-height:3rem;
}


.n_right .tlist li .imore i{color:#fff;font-family: "iconfont"; padding:0;width:3rem;text-align:center;}
.n_right .tlist li .imore em{color:#666;padding:0 1rem}
.n_right .tlist li .imore:before{-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;z-index:-1;display:block;width:3rem;height:3rem;background:rgb(48, 186, 196,0.1);-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;font-size:1.6rem;position: absolute;left:0;top:0;content:""}
.n_right .tlist li .imore:hover:before{width:100%;}
.n_right .tlist li:hover .imore i{color:#30bac4;}

.n_right .tlist li:hover .itext{color:#30bac4;}

@media (min-width:320px) and (max-width:1024px){
    .inews{background-size:  auto 100%;min-width:320px;}
    .n_div{width:96%;min-width:320px;max-width:1024px;position:relative;padding:0;margin:0;top:50%;left:2%;
    height:auto;min-height:auto;
    -webkit-transform: translate3d(0,-50%, 0);transform: translate3d(0,-50%, 0);
    flex-direction: column;
    }
    .n_right{width:100%;-webkit-transform: translate3d(0,100px, 0);transform: translate3d(0,100px, 0);padding:2rem;background:#fff;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;box-sizing: border-box;}
    .n_left{width:100%;height:12rem;}
    .n_left .n_left_s{padding:0 0 2rem 0;-webkit-transform: translate3d(0,100px, 0);transform: translate3d(0,100px, 0);overflow-x: auto;display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;}
    
    .i .swiper-slide-active .about_more{display:none}
    .n_left .n_left_s li{background:rgb(48, 186, 196,0.2);width:40%;margin:1rem 0;box-sizing:border-box;cursor: pointer;
    font-size:1.4rem;line-height:4rem;
    }
    

    .n_right .tlist{flex-direction: column;width:100%}
    .n_right .tlist li{width:100%;padding:.6rem 0 0 0;box-sizing: border-box;background:#fff;margin-top:1rem;border-top:1px solid #f2f2f2}

    .n_right .tlist li .itext{width:100%;padding:0;position:relative;z-index:2;font-size:1.4rem;line-height:2rem;height:auto;color:#000;font-weight:400;margin:.5rem 0;}
    .n_right .tlist li .itime{height:1.6rem;font-size:1.2rem;line-height:1.6rem;}

    .n_right .tlist li .imore i{width:1.6rem;height:1.6rem;font-size:1.2rem;line-height:1.6rem;color:rgb(48, 186, 196,0.2);text-align:left;}
    .n_right .tlist li .imore em{color:#666;padding:0 1rem 0 0}
    .n_right .tlist li .imore:hover:before,
    .n_right .tlist li .imore:before{width:1.6rem;height:2rem;-moz-border-radius:.5rem;-webkit-border-radius:.5rem;border-radius:.5rem;font-size:1.2rem;color:rgb(48, 186, 196,0.1);background:none}
    .n_right .tlist li .imore a{height:2rem;

       font-size:1.2rem;line-height:2rem;
    }
}


.key_t{width:100%;min-width:1300px;margin:0;height:100vh;min-height:60rem;padding:0;
    background:#fff url(../images/pro_bg.jpg) center bottom no-repeat;background-size:100% 100%;
    z-index:0;position:relative;overflow:hidden}

    @media (min-width:320px) and (max-width:1024px){
        .key_t{min-width:320px;background-size:auto 100%;}

    }

.key_t_chld{width:96%;min-width:1300px;max-width:1700px;position:relative;padding:0;margin:0;top:52%;left:50%;
    height:calc(100vh - 30rem);min-height:60rem;
    -webkit-transform: translate3d(-50%,-50%, 0);transform: translate3d(-50%,-50%, 0);
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}



.key_t .h2{z-index:3;width:26%;margin:0;-webkit-transform: translate3d(0,360px, 0);transform: translate3d(0,360px, 0);opacity: 0;transition: 1.4s ease .0s;}

.i .key_t.swiper-slide-active .h2{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;height:80%;max-height:60rem;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
}
.key_t .h2 h2 i{color:#30bac4;}
.key_t .h2 ul{padding:1rem 0;-webkit-transform: translate3d(200px, 0,0);transform: translate3d(200px,0, 0);opacity: 0;transition: 1.4s ease .2s;}


.i .key_t.swiper-slide-active ul{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;height:calc(100% - 10rem);display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;}

.key_t .h2 ul li{cursor: pointer;;width:52%;min-width:16rem;text-align:center;font-size:1.6rem;line-height:5rem;height:5rem;color:#000;background:rgb(48, 186, 196,.2);
    -moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
}
.key_t .h2 ul li:hover{background:rgb(255, 255, 255,.6);}
.key_t .h2 ul li.on{color:#fff;background:#30bac4;font-weight:600;}
.key_t .key_t_right{width:70%;height:100%;min-height:60rem;z-index: 2;position: relative;}
@media (min-width:320px) and (max-width:1024px){
.key_t{min-width:320px;background-size:auto 100%;}
.key_t_chld{width:100%;padding:0 2rem;min-width:320px;max-width:1024px;top:50%;left:0;height:auto;min-height:auto;-webkit-transform: translate3d(0,-50%, 0);transform: translate3d(0,-50%, 0);display: flex;
flex-direction: column;box-sizing: border-box;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;}
.key_t .h2{width:96%;-webkit-transform: translate3d(0,100px, 0);transform: translate3d(0,100px, 0);}

.i .key_t.swiper-slide-active .h2{height:12rem;margin:0 auto 4rem auto;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
}
.key_t .h2 ul{padding:1rem 0;-webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px, 0);}
.i .key_t.swiper-slide-active ul{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);height:6rem;overflow-x: auto;
display: flex;
flex-direction: column-reverse;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;}

.key_t .h2 ul li{width:auto;min-width:10rem;text-align:center;font-size:1.4rem;line-height:4rem;height:4rem;padding:0 1rem;margin-right:1rem;}

.key_t .key_t_right{width:100%;height:auto;min-height:40rem;max-height:60rem}

}













.key_list{width:100%;height: 100% !important;-webkit-transform: translate3d(-300px,0, 0);transform: translate3d(-300px,0, 0);opacity: 0;transition: 1.4s ease .0s;}
.i .key_t.swiper-slide-active .key_list{-webkit-transform: translate3d(0,0, 0);transform: translate3d(0,0, 0);opacity: 1;}

.key_list .swiper-slide{width:38%;height:100%;min-height:60rem;box-sizing: border-box;position:relative;margin-right:5rem;
    -moz-border-radius:2rem;-webkit-border-radius:2rem;border-radius:2rem;overflow:hidden;
    -webkit-transition:0.3s ease 0s;transition:0.8 ease 0.2s;border: rgb(255, 255, 255,.5) 1rem solid;
    -webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:.6;-moz-opacity:0.6;}

.key_list .swiper-slide-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-moz-opacity:1;}
.key_list .swiper-slide:hover{opacity:1;-moz-opacity:1;}
.key_list .swiper-slide .ipic{position: relative;width:100%;height:100%;z-index:1;overflow: hidden;}
.key_list .swiper-slide .ipic img{display:block;width:100%;height:100%;border:0;-webkit-transition: 1.4s ease 0.2s;-moz-transition: 1.4s ease 0.2s;transition: 1.4s ease 0.2s}
.key_list .swiper-slide:hover .ipic img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
@media (min-width:320px) and (max-width:1024px){

    .key_list .swiper-slide .ipic{width:100%;height:100%;}
    .key_list .swiper-slide .ipic img,
    .key_list .swiper-slide:hover .ipic img{display:block;width:100%;height:100%;min-height:40rem;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-o-object-fit: cover;
        object-fit: cover;}
}
@media (min-width:320px) and (max-width:460px){

    .key_list .swiper-slide{width:80%;min-height:40rem;max-height:40rem;margin-right:0rem;}
}
@media (min-width:461px) and (max-width:600px){
    .key_list .swiper-slide{width:60%;min-height:40rem;max-height:40rem;margin-right:0rem;}
}
@media (min-width:601px) and (max-width:1024px){

    .key_list .swiper-slide{width:50%;min-height:40rem;max-height:40rem;margin-right:0rem;}
}

.key_list .swiper-slide>li{position:absolute;width:100%;padding:2rem 0;z-index: 3;left:0;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
.key_list .swiper-slide>li .p1{font-family: "iconfont";font-weight:200;font-size:4.6rem;line-height:8rem;height:8rem;width:8rem;color:#30bac4;border:1px solid rgb(48, 186, 196,0.2);
text-align:center;-moz-border-radius:4.6rem;-webkit-border-radius:4.6rem;border-radius:4.6rem;margin:0 auto;background:rgb(255, 255, 255,0.1)}
.key_list .swiper-slide>li .p2{text-align:center;font-size:2.2rem;line-height:8rem;height:8rem;color:#000;font-weight:600;position:relative}
.key_list .swiper-slide-active>li .p2{font-size:2.4rem;}
.key_list .swiper-slide>li .p2:before{content:"";position:absolute;display:block;z-index:1;width:0rem;left:50%;height:0.4rem;bottom:0;background:#f37823;z-index: 3;}
.key_list .swiper-slide>li .p3{text-align:center;font-size:1.6rem;line-height:3rem;color:#000;padding:0rem 20% 0 20%;height:6rem;box-sizing: border-box;margin:2rem auto;overflow:hidden;}
.key_list .swiper-slide>li .p4{width:40%;height:4.6rem;background:#30bac4;left:30%;position:absolute;bottom:-30%;overflow: hidden;opacity:0;-moz-opacity:0;}
.key_list .swiper-slide>li .p4 i{display:block;width:100%;height:4.6rem;text-align:center;font-size:1.6rem;line-height:4.6rem;color:#fff}
.key_list .swiper-slide>li .p4:hover i{color:#000}
.key_list .swiper-slide:hover>li{padding:1rem 0 4rem;}
.key_list .swiper-slide:hover>li .p1{color:#fff;background:#30bac4;font-size:4rem;line-height:10rem;height:10rem;width:10rem;-moz-border-radius:4.6rem;-webkit-border-radius:4.6rem;border-radius:4.6rem;}
.key_list .swiper-slide:hover>li .p2{font-size:3rem;color:#008ad0;font-weight:600;line-height:8rem;height:8rem;}
.key_list .swiper-slide:hover>li .p2:before{width:4rem;margin-left:-2rem;}
.key_list .swiper-slide:hover>li .p3{height:6.8rem;margin:2rem auto 3rem auto;}
.key_list .swiper-slide:hover>li .p4{bottom:0;-moz-border-radius:.6rem;-webkit-border-radius:.6rem;border-radius:.6rem;opacity:1;-moz-opacity:1;}
.key_list .swiper-slide>li,.key_list .swiper-slide>li .p1,.key_list .swiper-slide>li .p2,.key_list .swiper-slide>li .p3,.key_list .swiper-slide>li .p4,
.key_list .swiper-slide>li .p2:before,
.key_t .h2 ul li,.key_list .swiper-slide:after,.key_list .swiper-slide>li{-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}





@media (min-width:320px) and (max-width:1024px){




.key_list .swiper-slide>li .p4 i{display:block;width:100%;height:4rem;text-align:center;font-size:1.4rem;line-height:4rem;color:#fff}
.key_list .swiper-slide>li .p4:hover i{color:#000}
.key_list .swiper-slide:hover>li{padding:1rem 0 4rem;}
.key_list .swiper-slide>li .p1,
.key_list .swiper-slide:hover>li .p1{color:#fff;background:#30bac4;font-size:3.6rem;line-height:6rem;height:6rem;width:6rem;-moz-border-radius:2.4rem;-webkit-border-radius:2.4rem;border-radius:2.4rem;}
.key_list .swiper-slide>li .p2,
.key_list .swiper-slide:hover>li .p2{font-size:2.2rem;color:#008ad0;font-weight:600;line-height:6rem;height:6rem;}
.key_list .swiper-slide>li .p2:before,
.key_list .swiper-slide:hover>li .p2:before{width:3rem;margin-left:-1.5rem;}
.key_list .swiper-slide>li .p3,
.key_list .swiper-slide:hover>li .p3{font-size:1.4rem;line-height:2.4rem;color:#000;padding:0rem 10%;height:6rem;margin:2rem auto 1rem auto;}


}


@media (min-width:320px) and (max-width:1024px){
    .key_list .swiper-slide>li .p4,
    .key_list .swiper-slide:hover>li .p4{bottom:0;height:4rem;-moz-border-radius:.6rem;-webkit-border-radius:.6rem;border-radius:.6rem;opacity:1;-moz-opacity:1;position: relative;}
    

}



.bottom{width:100%;min-width:1300px;padding:5rem 0 0rem 0;background:#000 url(/images/b.jpg) no-repeat center bottom;background-size: 100% auto;height:50rem;box-sizing: border-box;}
.bottom .ul{width:96%;min-width:1300px;max-width:1700px;margin:0 auto;padding-bottom:1rem;display: flex;height:32rem;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;}

    .bottom .contact{width:20%}
    .bottom .contact h2{font-size:2rem;font-weight:600;color:#fff;height:5rem;line-height:3rem;position:relative}
    .bottom .contact h2:before{width:4rem;height:3px;background:#fff;content:"";position:absolute;left:0;top:4rem}
    .bottom .contact ul{font-size:1.6rem;line-height:3rem;color:rgb(255, 255, 255,0.8);padding:1rem 0}
    .bottom .contact ul a{color:#fff}
    
    .bottom .links{width:50%;position:relative;text-align:left}
    .bottom .links ul{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;align-content: stretch;}
    .bottom .links ul dl{width:16.6666666%}
    .bottom .links ul dl dt,.bottom .links ul dl dt a{font-size:1.8rem;font-weight:600;color:#fff;height:5rem;line-height:3rem;position:relative}
    .bottom .links ul dl dt:before{width:3rem;height:3px;background:#fff;content:"";position:absolute;left:0;top:4rem}
    .bottom .links ul dl dd{padding:1rem 0}
    .bottom .links ul li{position:relative;}
    .bottom .links ul li a{display:block;padding:.5rem 2rem .5rem 0;color:#fff;font-size:1.4rem;line-height:2.2rem;color:rgba(255,255,255,0.6);font-weight:300}
    .bottom .links ul li a:hover{color:#30bac4}
    
    .bottom .ew{width:24%;display: flex;padding-top:1rem;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: baseline;
        align-content: stretch;}
        .bottom .ew>div{width:40%;text-align:center;padding:0 1rem}
    .bottom .ew>div img{display:block;width:12rem;margin:0 auto}
    .bottom .ew>div p{font-size:12px;line-height:4rem;text-align:center;color:#fff}
    
    .bottom .itext{text-align:center;font-size:14px;line-height:3.2rem;color:rgba(255,255,255,0.3);padding:1rem 0;margin:10px auto 0 auto;width:60%;border-top:1px solid rgba(255,255,255,0.1)}
    .bottom .itext a{font-size:14px;line-height:3.2rem;color:rgba(255,255,255,0.3);padding-left:2rem;}

@media (min-width:320px) and (max-width:1024px){
    .bottom{min-width:320px;padding:2rem 0 0rem 0;background-size: 80% auto;height:32rem;}
    .bottom .ul{width:92%;min-width:320px;height:220px;}
    .bottom .links{display:none}
    .bottom .contact{width:60%}
    .bottom .ew{width:38%;display: flex;padding-top:1rem;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: baseline;
        align-content: stretch;}
        .bottom .ew>div img{display:block;width:90%;margin:0 auto}
    .bottom .ew>div p{font-size:12px;line-height:4rem;text-align:center;color:#fff}
    .bottom .itext{line-height:160%;width:80%;margin:0 auto;font-size:12px;}
    .bottom .itext a{line-height:160%;padding-left:1rem;}

}
    @media (min-width:320px) and (max-width:680px){
    .bottom .ul{width:90%;margin:0 auto;padding:0;display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;}
       
        .bottom .contact{width:100%}
        .bottom .contact h2{font-size:1.6rem;height:4rem;line-height:3rem;}
        .bottom .contact h2:before{width:3rem;height:3px;background:#fff;content:"";position:absolute;left:0;top:4rem}
        .bottom .contact ul{font-size:1.4rem;line-height:3rem;color:rgb(255, 255, 255,0.8);padding:1rem 0}
        .bottom .contact ul a{color:#fff}
        .bottom .ew{display:none;}

}


.chp{width:100%;padding:3rem 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;align-content:stretch;box-sizing:border-box}
.chp_title{height:10rem;text-align:center;position: relative;padding-top:3rem;}

.chp_title i{font-size:2.4rem;font-weight:600;color:#30bac4;line-height:5rem;display:block}
.chp_title em{font-size:1.6rem;color:#999;line-height:3rem;display:block}
.chp_title:before{content: "";
    display: block;
    width: 4rem;
    height: 3px;
    background: #f37823;
    position: absolute;
    left: calc(50% - 2rem);
    bottom:1rem;}

.chp li{width:23%;margin:0 0 3rem 0;border:1px solid #f2f2f2;box-sizing:border-box;position:relative;padding:10px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
@media (min-width:1024px) and (max-width:1440px){
    .chp li{width:31%;}
}
/* -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px */
.chp li img{display:block;width:100%;height:auto;}
.chp li i,.chp li p{width:100%;font-size:1.8rem;color:#000;display:block;line-height:3rem;overflow: hidden;padding-top:1rem;
    height:4rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;text-align:center;
    }
.chp li em{font-size:1.4rem;color:#333;display:block;line-height:3rem;width:83%;padding:0 3%;left:5%;top:20px;position:absolute;background:rgba(255,255,255,0.4);-moz-border-radius:3rem;-webkit-border-radius:3rem;border-radius:3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chp li:hover i,.chp li:hover p{color:#f37823}
.chp li:hover{-webkit-box-shadow:0px 0px 10px 8px #f2f3f8;-moz-box-shadow:0px 0px 10px 8px #f2f3f8;box-shadow:0px 0px 10px 8px #f2f3f8}


@media (min-width:320px) and (max-width:1024px){
    .chp_title{height:8rem;padding-top:3rem;}
    .chp_title i{font-size:2.2rem;line-height:4rem;}
    .chp_title em{font-size:1.2rem;line-height:2rem;}
    .chp li{width:48%;margin:0 0 2rem 0;padding:6px;}
    .chp li i,.chp li p{width:100%;font-size:1.6rem;line-height:3rem;
        height:3rem;
        }    
}

.title{font-size:28px;padding:3rem 5% 2rem 5%;width:90%;font-weight:bold;margin:0px auto;text-align:center}
.attr{border-bottom:1px dashed #ededed;font-size:16px;line-height:3rem;padding-bottom:1rem;color:#999;width:100%;margin:0 auto;text-align:center}
.attr i{color:rgb(1, 98, 202,0.2);padding:0 6px 0 10px;font-family:"iconfont"}
.np{width:100%;margin:0 auto;padding:1rem 0rem;box-sizing:border-box;line-height:30px;color:#6D6C7A;text-align:left;font-size:14px;clear:both;font-weight:normal;margin:10px auto 0 auto;border-top:1px dashed #f2f2f2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.np p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.np a{font-size:14px;line-height:30px;color:#000}
.np a:hover{color:#30bac4}

.tnav{width:90%;min-width:1300px;margin:2rem auto;position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch}

.ke-insertfile{border-bottom:1px dashed #30bac4;}
.ke-insertfile:before{content:"\e61f";font-family: "iconfont";padding-right:6px;color:#30bac4;font-weight: normal;}


.c_slide{width:100%;padding:0}
.c_slide .swiper-wrapper{padding:2rem 0 3rem 0}
.c_slide li.swiper-slide{width:20%;padding:2rem;box-sizing: border-box;}
@media (min-width:1025px) and (max-width:1440px){
    .c_slide li.swiper-slide{width:25%;}
}
.c_slide li.swiper-slide:hover p img{-webkit-box-shadow: 0px 0px 1rem 1rem rgb(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 1rem 1rem rgb(255,255,255,0.8);
    box-shadow: 0px 0px 2rem 0rem rgb(0,0,0,0.8);}

.c_slide li.swiper-slide p img{width:100%;height:auto;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}



.history_par{width:100%;padding:2rem;margin:0;border:1px solid #f2f2f2;position: relative;z-index:2;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius: 1rem;box-sizing: border-box;}

.history{width:100%;height:50rem}

.history .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 60%;
    height:100%;
    opacity:0.4;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;
   box-sizing: border-box;


}

.history .swiper-slide-active{opacity:1;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}



.allp{width:100%;padding-bottom:5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;}
.allp li{font-size:1.6rem;margin:.5rem;line-height:40px;height:40px;background:#f2f2f2;padding:0 1rem;font-weight: 200;font-family: "Book Antiqua";-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.allp li.on{color:#fff;background:#00429c}

.history dl{width:100%;display: flex;padding:0 2rem;box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;}

.history dl dt{width:10rem;font-size:2.4rem;line-height:6rem;font-weight:600;color:rgb(48, 186, 196);text-align:center;position: relative;z-index: 1;background:#fff;font-family: "Book Antiqua";
    -webkit-box-shadow:0 8px 16px 0 rgb(48, 186, 196,.6);-moz-box-shadow:0 8px 16px 0 rgb(48, 186, 196,.6);box-shadow:0 8px 16px 0 rgb(48, 186, 196,.6);}
.history dl dt:before{width:100%;height:.4rem;content:"";display: block;position: absolute;right:0rem;top:0;background:rgb(48, 186, 196);z-index: -1;}


.history dl dd{width:calc(100% - 12rem);font-size:1.6rem;line-height:160%;max-height:100%;overflow-y:auto;text-align:left;padding:0 2rem;box-sizing: border-box;}
.history dl dd p:nth-child(n+2){padding-top:1rem;}


@media (min-width:320px) and (max-width:1024px){
    .allp{width:100%;padding:0 1rem;overflow-x: auto;box-sizing: border-box;}
    .history_par{width:100%;padding:1rem;margin:0;border:1px solid #f2f2f2;}
    .history{margin-top: 3rem;}
    .history .swiper-slide {
        font-size: 14px;
        width: 90%;
        height:100%;
    }
    .history dl dt:before{width:3rem;height:2px;right:auto;left:0}
    .history dl{width:100%;padding:0 1rem 0 0;
        flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
       }

       .history dl dt{width:10rem;font-size:1.8rem;line-height:4rem;text-align:left;
        -webkit-box-shadow:0 8px 16px 0 rgb(48, 186, 196,0);-moz-box-shadow:0 8px 16px 0 rgb(48, 186, 196,0);box-shadow:0 8px 16px 0 rgb(48, 186, 196,0);}
   
    
    
    .history dl dd{width:calc(100% - 0rem);font-size:1.4rem;line-height:160%;max-height:100%;overflow-y:auto;text-align:left;padding:0 1rem 0 0;}
     

}


.history dl dd::-webkit-scrollbar {
    width: 0.5rem;
}
 
.history dl dd::-webkit-scrollbar-thumb {
    background-color: #f2f3f8; 
   -webkit-border-radius:0.5rem
}
 
.history dl dd::-webkit-scrollbar-track {
    background-color: #fff; 
    border-radius:0.5rem;
}
.history dl dd::-moz-scrollbar {
    width: 0.5rem; 
}
 
.history dl dd::-moz-scrollbar-thumb {
    background-color: #f2f3f8; 
}
 
.history dl dd::-moz-scrollbar-track {
    background-color: #fff; 
}
.history dl dd::-ms-scrollbar {
    width: 0.5rem 
}
 
.history dl dd::-ms-scrollbar-thumb {
    background-color: #f2f3f8; 
}
 
.history dl dd::-ms-scrollbar-track {
    background-color: #fff; 
}



.c_h1{height:12rem;color:#30bac4;font-size:3.2rem;line-height:3.2rem;font-weight:600;padding:6rem 0 0rem 0;box-sizing:border-box;width:100%;position:relative;text-align:center;}
.c_h1:before,.c_h2:before{content:"";display:block;width:4rem;height:0.4rem;background:#f37823;position:absolute;left:50%;margin-left:-2rem;bottom:1rem;-moz-border-radius:0.4rem;-webkit-border-radius:0.4rem;border-radius:0.4rem}

.c_h2{line-height:3rem;height:6rem;color:#30bac4;font-size:3rem;font-weight:600;padding:0rem 0 3rem 0;box-sizing:border-box;width:100%;position:relative;text-align:center;}
.c_ul{width:92%;min-width:1300px;margin:0rem auto;overflow:hidden;padding:3rem 0 6rem 0;box-sizing:border-box;font-size:16px;line-height:180%;color:#000}



.neirong{width:75%;margin:-10rem 0 0 0;position: relative;z-index:2;border:1px solid #f2f2f2;
    -moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;padding:3rem;background:#fff;-webkit-box-shadow:0px 0px 10px 8px #f2f3f8;-moz-box-shadow:0px 0px 10px 8px #f2f3f8;box-shadow:0px 10px 10px 0px #f2f3f8
}
.neirong .h2{font-size:2rem;line-height:5rem;font-weight: 600;height:6rem;position: relative;color:#00429c}
.neirong .h2:before{content:"";display:block;width:4rem;height:2px;background:#f37823;position:absolute;left:0rem;bottom:5px;}

@media (min-width:320px) and (max-width:1024px){
    .c_h2{line-height:3rem;height:4rem;font-size:1.8rem;padding:0;}
    .c_h1:before,.c_h2:before{width:4rem;height:0.2rem;left:50%;margin-left:-2rem;bottom:0rem;}
    .neirong .h2{font-size:1.6rem;line-height:4rem;height:5rem;}
    .neirong .h2:before{width:3rem;}
}
@media (min-width:680px) and (max-width:1024px){
    .neirong .l_nav ul li{height:4rem;border-bottom:0;padding-left:0rem;position: relative;background:#fff;width:20%;}    
}


.main .c_r{width:24%;padding:2rem;box-sizing: border-box;}
.main .c_r>h2{width:100%;position: relative;padding:0 0 1rem 1rem;margin-bottom:1rem;font-size:2.4rem;line-height:4rem;color:#30bac4;font-weight:600;border-bottom:1px solid #f2f2f2;box-sizing: border-box;}
.main .c_r>h2:after{content:"";display:block;width:3rem;height:0.3rem;background:#f37823;position:absolute;left:1rem;bottom:-1px;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}


.main .c_r ul{padding-top:1rem;}
.main .c_r li{width:100%;border-bottom:1px solid #f2f2f2;padding:1rem;box-sizing: border-box;}
.main .c_r li:first-child{border-top:1px solid #f2f2f2;}
.main .c_r li a{color:#333;display:block;width:100%;}
.main .c_r li i{font-size:1.6rem;line-height:140%;display:block;width:100%;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.main .c_r li em{display:block;width:100%;font-size:1.4rem;color:#999;padding-top:1rem;}
.main .c_r li:hover a{color:#30bac4}
@media (min-width:320px) and (max-width:1024px){
    .main .c_r>h2{padding:1rem 0 0 1rem;font-size:1.8rem;}
    .main .c_r li i{font-size:1.4rem;}
    .main .c_r li em{font-size:1.2rem;}
}

.c_c,
.about_c{width:100%;padding:6rem 0rem;margin:0;box-sizing:border-box;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;
}
.c_c{position: relative;z-index: 3;padding:3rem 0rem;}
.about_c_r{width:78%}

.about_c_r dl{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;}
.about_c_r dl.even{display: flex;margin-top:3rem;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch;}

.about_c_r dl dt{width:45%}
.about_c_r dl dt img{width:100%;height:auto;}
.about_c_r dl dd{width:50%;font-size:1.8rem;line-height:180%;}
.about_c_r dl dd h2{font-size:2.4rem;font-weight:600;color:#30bac4;position: relative;}
.about_c_r dl dd h2:before{content: "";
    display: block;
    width: 4rem;
    height: 3px;
    background: #f37823;
    position: absolute;
    left: 0rem;
    top:4rem;}
.about_c_r dl dd p:nth-child(n+2){padding-top:2rem;}


@media (min-width:320px) and (max-width:1024px){

.about_c_r dl,.about_c_r dl.even{flex-direction: column;margin-top:0;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;}
.about_c_r dl dt{width:100%}
.about_c_r dl dt img{width:100%;height:auto;}
.about_c_r dl dd{width:100%;font-size:1.4rem;line-height:180%;padding:6px 0;}
.about_c_r dl dd h2{font-size:2.2rem;font-weight:600;color:#30bac4;position: relative;}
.about_c_r dl dd h2:before{content: "";
display: block;
width: 4rem;
height: 3px;
background: #f37823;
position: absolute;
left: 0rem;
top:4rem;}
.about_c_r dl dd p:nth-child(n+2){padding-top:2rem;}

}

@media (min-width:320px) and (max-width:1024px){
.main .c_r{width:100%;padding:0rem;box-sizing: border-box;}
.c_c,
.about_c{width:100%;padding:2rem 1rem; flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: center;
}
.about_c_r{width:100%}
.about_c_r dl dd{width:100%;font-size:1.4rem;line-height:180%;padding:10px 0;}
.about_c_r dl dd h2{font-size:2.2rem;font-weight:600;color:#30bac4;position: relative;}
}





.about_c>.h2{position: relative;width:20%;}
.news>.h2,.c_c>.h2 {position: relative;width:20%;}

.about_c>.h2:before{
    content: "";
    display: block;
    width: 6rem;
    height: 1px;
    background: #00429c;
    position: absolute;
    left: 18rem;
    top:2rem;
}
.news>.h2:before,.c_c>.h2:before {
    content: "";
    display: block;
    width: 6rem;
    height: 1px;
    background: #00429c;
    position: absolute;
    left: 18rem;
    top:2rem;
}



.about_c>.h2 i{font-size:2.4rem;line-height:4rem;height:5rem;font-weight:600;color:#00429c;display:block;box-sizing: border-box;}
.about_c>.h2 em{font-size:1.6rem;line-height:160%;display:block;width:80%;font-weight:200;}

.about_c>.h2 ul{width:80%}
.about_c>.h2 ul li{font-size:1.6rem;line-height:5rem;background:rgb(0, 66, 156,.05);color:#000;margin-top:2rem;text-align:center;width:24rem}
.about_c>.h2 ul li.on{background:rgb(0, 66, 156,1);color:#fff}

@media (min-width:320px) and (max-width:1024px){
    .about_c>.h2{width:100%;padding-bottom:2rem;}
    .news>.h2,.c_c>.h2 {width:100%;text-align:center;padding-bottom:2rem;}
    .news>.h2:before,.c_c>.h2:before,.about_c>.h2:before{
        content: "";
        display: block;
        width: 4rem;
        height: 2px;
        left: calc(50% - 2rem);
        top:4rem;
    }
    .about_c>.h2 i{font-size:2.2rem;line-height:3rem;height:5rem;text-align:center;}
    .about_c>.h2 em{font-size:1.2rem;width:90%;text-align:center;margin:0 auto}

}




.neirong .ul h1,.neirong .ul h2,.neirong .ul h3,.neirong .ul h4,.neirong .ul h5,.neirong .ul h6,
.c_ul h1,.c_ul h2,.c_ul h3,.c_ul h4,.c_ul h5,.c_ul h6{z-index: 1;font-weight:600;position:relative;padding:1em 0;margin:1rem auto;line-height:160%;}
.c_ul h2:before,.c_ul h3:before,.c_ul h4:before,
.neirong .ul h2:before,.neirong .ul h3:before,.neirong .ul h4:before{content:"";display:block;width:0.6rem;height:0.6em;background:#f37823;position:absolute;left:0;top:.5em;}

.c_ul h1,.neirong .ul h1{font-size:2.4rem;padding:2rem 0;line-height:140%;color:#000;}
.c_ul h2,.neirong .ul h2{font-size:2.2rem;color:#30bac4;padding:0 15px;font-weight:600;display:inline-table;width:auto;}
.c_ul h3,.neirong .ul h3{font-size:2rem;color:#30bac4;padding:0 15px;font-weight:600;display:inline-table;width:auto;}
.c_ul h4,.neirong .ul h4{font-size:1.8rem;color:#30bac4;padding:0 15px;font-weight:600;display:inline-table;width:auto;}
.c_ul h5,.neirong .ul h5{font-size:1.6rem;color:#666}
.c_ul h6,.neirong .ul h6{font-size:1.6rem;color:#000;margin:0rem auto;padding:0.5em 0;}

.fulls{padding:4rem 0;min-height:calc(100vh - 28rem);box-sizing: border-box; }
@media (min-width:320px) and (max-width:1024px){
    .fulls{padding:0;min-height:auto;}


}
.neirong .ul{width:100%;margin-top:2rem;font-size:1.6rem;line-height:180%;padding:0 4rem;box-sizing: border-box;}
.neirong .ul img{max-width:100%;height:auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.neirong .ul p{padding:5px 0}
.neirong .ul a{font-size:16px;line-height:180%;color:#000;}
.neirong .ul a:hover{font-size:16px;line-height:180%;color:#30bac4}
.neirong .ul .tb{width:100%;overflow-y:hidden}
.neirong .ul .tb2{overflow-y:scroll}
.neirong .ul dl{border:1px solid #ededed;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.neirong .ul dl dt{font-size:16px;line-height:40px;text-align:left;padding:5px 2rem;background:#ededed;font-weight:600;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.neirong .ul dl dd{padding:2rem}
.neirong .ul dl dd li{padding:4px;border-bottom:1px solid #f2f2f2}
.neirong .ul dl dd li a{font-size:16px;line-height:30px;display:block}



.table_div  table{margin:10px auto;width:100%;border-spacing:0px;background:#fff;border:0;border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;overflow: hidden;}
.table_div th{background:#ddd;font-weight:700;padding:10px 5px}
.table_div td{color:#000;padding:10px 5px;border-collapse:0;font-size:1.6rem;line-height:2.2rem;background:#fff;border:0;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;box-sizing: border-box;}

.table_div td p{padding:0}

.table_div  table tr:hover td{background:#f2f2f2;color:#30bac4}




@media (min-width:320px) and (max-width:1024px){
    .title{font-size:20px;padding:2rem 5% 1rem 5%;width:90%;}
    .attr{border-bottom:1px dashed #ededed;font-size:12px;line-height:3rem;}
    .np{width:100%;padding:1rem 0rem;box-sizing:border-box;line-height:30px;font-size:14px;}
    .np p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .np a{font-size:14px;line-height:30px;color:#000}
    .np a:hover{color:#30bac4}
    /* .neirong .h1{line-height:4.0rem;height:6rem;color:#30bac4;font-size:2rem;font-weight:600;padding:1rem 0;box-sizing:border-box;width:100%;position:relative;text-align:center;}
    .neirong .h1:before{content:"";display:block;width:3rem;height:0.3rem;background:rgb(235, 51, 38,0.4);position:absolute;left:50%;margin-left:-1.5rem;bottom:0rem;}
    .neirong .h2{line-height:3.0rem;height:6rem;color:#30bac4;font-size:2rem;font-weight:600;padding:1rem 0 0rem 0;box-sizing:border-box;width:100%;position:relative;text-align:left;} */

    .neirong{width:100%;min-width:320px;max-width:1024px;margin:-8rem auto 0rem auto;display: flex;border:0;box-sizing: border-box;padding:1rem 1rem 2rem 1rem;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;}

    .neirong .ul{width:100%;padding:2rem 0;margin:0}
    .neirong .ul img{max-width:100%;height:auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
    
    .neirong .ul h1,.neirong .ul h2,.neirong .ul h3,.neirong .ul h4,.neirong .ul h5,.neirong .ul h6{z-index: 1;font-weight:600;line-height:160%;position:relative;padding:1rem 0;}
    .neirong .ul h1{font-size:2rem;line-height:160%;}
    .neirong .ul h2{font-size:1.8rem;margin:1rem auto;color:#30bac4;padding:0 15px;line-height:200%;font-weight:400;
        display:inline-table;
        width:auto;
    }
    .neirong .ul h3{font-size:1.8rem;margin:1rem auto;color:#30bac4;padding-left:15px}
    .neirong .ul h4{font-size:1.6rem;margin:1rem auto;color:#30bac4;padding-left:15px}
    
    .neirong .ul h5{font-size:1.6rem;margin:1rem auto;color:#666}
    .neirong .ul h6{font-size:1.6rem;margin:0rem auto;color:#000}
    .neirong .ul dl{border:1px solid #ededed;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
    .neirong .ul dl dt{font-size:16px;line-height:40px;text-align:left;padding:5px 2rem;background:#ededed;font-weight:600;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
    .neirong .ul dl dd{padding:2rem}
    .neirong .ul dl dd li{padding:4px;border-bottom:1px solid #f2f2f2}
    .neirong .ul dl dd li a{font-size:16px;line-height:30px;display:block}
    
    .neirong .ul  table{margin:10px auto;width: 1200px !important; }
    .neirong .ul  table tr:nth-child(1) td,.neirong .ul th{background:#f2f2f2;font-weight:700;padding:8px;}
    .table_div td{padding:5px;font-size:1.4rem;line-height:2rem;}
    .neirong .swiper-slide {width: 50% !important;padding:4rem;box-sizing: border-box;}
    .neirong .swiper-slide p{padding:5px 0;border:0}
    .neirong .swiper-slide img{display:block;width:100%;height:auto;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}
    .table_div{width:100%;overflow:auto}
    .table_div  table{width:800px;}
}

.arc14{padding:5rem 0 5rem 0}
.full_slide{width:100%;min-width:1260px;padding:5rem 0;background: url(/images/full.jpg) no-repeat center bottom/100% auto;}
.full_slide .swiper-slide {opacity:0.6;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;background:#fff;box-sizing: border-box;border:1rem solid #fff;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
    transition: transform 1.0s;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.full_slide .swiper-slide.swiper-slide-active{opacity:1;}
.full_slide .swiper-slide img{-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;display:block;width:100%;height:auto;}


.full_slide .swiper-slide-active,.full_slide .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}


.contact_text{margin:0 auto;box-sizing: border-box;display: flex;border:1px solid #f2f2f2;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
	flex-direction: row;padding:2rem;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;}
    .contact_list .h1,
.contact_l>.h1{margin:1rem auto !important;padding:0 0 1rem 0 !important;position: relative;font-size:2.2rem;line-height:180%;font-weight:600;color:#30bac4;}
.contact_list>.h1:before,
.contact_l>.h1:before{display:block;width:6rem;height:1.5rem;background:rgb(48, 186, 196,.2);position: absolute;z-index:-1;content:"";bottom:1rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
.contact_l{width:40%;box-sizing: border-box;margin:0;padding:0 2rem;}
.contact_l p{position: relative;padding: 0 0 1rem 0!important;font-size:1.6rem;line-height:3rem;}
.contact_l p i{font-family: "iconfont";padding-right:1rem;color:#00429c;font-size:2rem;line-height:3rem;}
.contact_r{width:58%}

.contact_list{margin:2rem auto 0 auto;padding:1rem 3rem;box-sizing: border-box;border:1px solid #f2f2f2;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
.contact_list .h1{position:relative;cursor: pointer;}
.contact_list .h1:after{content:"\e626";width:3rem;height:3rem;background:#f2f2f2;display:block;text-align:center;font-size:1.6rem;line-height:3rem;color:#30bac4;font-family: "iconfont";position: absolute;top:0;right:0;-moz-border-radius:.6rem;-webkit-border-radius:.6rem;border-radius:.6rem;}
.contact_list ul{display:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.contact_list.on{padding:1rem 3rem 3rem 3rem;}
.contact_list.on ul{display:block;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.contact_list.on .h1:after{content:"\e771";}



@media (min-width:320px) and (max-width:1024px){
    .contact_text{margin:0 auto;box-sizing: border-box;display: flex;border:1px solid #f2f2f2;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
        padding:1rem;
        flex-direction: column;}    
        .contact_l{width:100%;padding:0 0rem;}
        .contact_l p{font-size:1.4rem;line-height:2.2rem;}
        .contact_l p i{padding-right:.6rem;font-size:1.4rem;line-height:2.2rem;}
        .contact_r{width:100%}
        .contact_list .h1,
.contact_l>.h1{font-size:1.8rem;}
        .contact_list>.h1:before,
        .contact_l>.h1:before{width:4rem;}
        
        .contact_list{margin:1rem auto 0 auto;padding:1rem;}
        .contact_list .h1:after{content:"\e626";width:2rem;height:2rem;background:#f2f2f2;display:block;text-align:center;font-size:1.2rem;line-height:2rem;color:#30bac4;font-family: "iconfont";position: absolute;top:1rem;right:0;-moz-border-radius:.6rem;-webkit-border-radius:.6rem;border-radius:.6rem;}
        .contact_list ul{display:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
        .contact_list.on{padding:1rem;}
        .contact_list.on ul{display:block;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
        .contact_list.on .h1:after{content:"\e771";}
        
}



.ke_1-2{width:90%;border:1px solid #f2f2f2;padding:3rem;margin:0 auto;-moz-border-radius:2rem;-webkit-border-radius:2rem;border-radius:2rem;box-sizing: border-box;
	display: flex;flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: space-around;}
.ke_1{width:30%;box-sizing: border-box;text-align:center;}
.ke_1 img{max-width:280px !important;;height:auto}
.ke_2{width:66%;box-sizing: border-box;}






.book{width:70%; background: #fff;-moz-border-radius:2rem;-webkit-border-radius:2rem;border-radius:2rem;padding:5rem;border:1px solid #f2f2f2}

.book li {margin:0 auto;width:100%;
    font-size: 1.6rem;
    line-height: 4rem;
    padding: 0 0 10px 0;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;
}
@media (min-width:320px) and (max-width:1024px){

    .book {border:0;padding:0rem;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;
        width: 100%;   
        margin:2rem auto;flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        background: none;
    }
    .book_h2{width:100%;font-size:1.6rem;color:#30bac4}
    .book_h2:before,.book_h2:after{display:none}
    .book_c{width:100%; background: #fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;padding:0rem;}
    .book li {margin:0 auto;width:100%;font-size: 1.2rem;}
}
.book li i {
    display: block;
    width: 20%;text-align: center;
    color: #333;
    position: relative
}
.book li p{width:70%}
.book li.m i:before {
    content: "*";
    color: #C00;
    display: block;
    width: 15px;
    position: absolute;
    right: 15px;
    top: 0
}
.book li p span {
    display: inline-block;
    border: 1px solid #f2f2f2;
    margin: 0 10px 0 0;
    padding: 0 10px;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.book li p span.on,.contact-2 .book li p span:hover {
    border: 1px solid #00429c;
    color: #00429c
}


.book li input {
    height: 34px
}

.book li textarea {
    height: 136px
}

.book li input,.book li textarea {
    border: 1px solid #f2f2f2;
    font-size: 1.6rem;
    line-height: 3.4rem;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    background-color: transparent;
    color: #000;
    -webkit-box-shadow: 0 0 0 60px #fff inset;
    box-shadow: 0 0 0 60px #fff inset;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.book li .ibutton {
    width: 20rem;
    height: 4.6rem;
    line-height: 4.6rem;
    margin-top: 10px;
    margin: 0;
    border: 1px solid #f2f2f2;
    background: #00429c;
    color: #fff;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.book li .ibutton:hover {
    background: #00429c;
    color: #fff
}

.book li p span.on {
    color:#30bac4
}

.book li .repbut {
    width: 498px;
    height: 56px;
    line-height: 56px;
    margin-top: 10px;
    border: 1px solid #f2f2f2;
    background: #fff;
    color: #30bac4;
    font-size: 18px;
    display: block;
    text-align: center
}

.book li input {
    height: 40px;line-height: 38px;
}

.book li textarea {
    height: 136px
}

.book li input:focus,.book li textarea:focus,.book li p span.on {
    border: 1px solid rgb(0, 66, 156,.1);
}


.jobs_list{width:100%;margin:0 auto;padding:4rem 0rem;box-sizing: border-box;}

.jobs_list .h2,.jobs_list .h3{font-size:1.6rem;line-height:6rem;padding:0 2rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
    background:rgb(0, 66, 156,.1);
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;}
.jobs_list .h2 i{width:20%;font-weight: 600;color:rgb(0, 66, 156)}
.jobs_list .h2 i:first-child{width:30%;display:block}
.jobs_list .h3 i{color:#fff}


.jobs_list .job{margin:1rem 0;padding:1rem 2rem;border-bottom:1px solid #f2f2f2;box-sizing: border-box;-webkit-transition: all .8s;-moz-transition: all .8s;transition: all .8s;}
.jobs_list .job_t{font-size:1.6rem;line-height:5rem;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;}
.jobs_list .job_t i{color:#30bac4;width:30%;font-weight: 600;}
.jobs_list .job_t span{width:20%}
.jobs_list .job_t em,.jobs_list .h2 em{width:10%;font-family: "iconfont";color:rgb(0, 66, 156);cursor: pointer;text-align:right;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.jobs_list .job_a{font-size:1.6rem;line-height:4rem;color:#666;margin-top: 1rem;
    display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: left;
	align-items: center;
	align-content: center;}
    .jobs_list .job_a span{width:auto;padding-right:3rem}
    .jobs_list .job_c{display:none;padding-top:2rem}
.jobs_list .job_c dt{font-size:1.6rem;color:#30bac4}
.jobs_list .job_c dd{font-size:1.6rem;line-height:160%;color:#000;padding:1rem 0}
.jobs_list .job.on{border:1px solid #f2f2f2;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.jobs_list .job.on .job_t{font-weight:600;border-bottom:1px solid rgb(0, 66, 156,.1);}
.jobs_list .job.on .job_a{display: flex;}
.jobs_list .job.on .job_c{display:block}



@media (min-width:320px) and (max-width:1024px){
    .jobs_list{padding:2rem 0rem;}
    .jobs_list .h2{font-size:1.2rem;line-height:4rem;padding:0 1rem;}
    .jobs_list .h2 i{width:20%;font-weight: 600;color:#00429c}
    .jobs_list .h2 i:first-child{width:30%;display:block;}
    .jobs_list .job{margin:1rem 0;padding:1rem;border-bottom:1px solid #f2f2f2;box-sizing: border-box;-webkit-transition: all .8s;-moz-transition: all .8s;transition: all .8s;}
    .jobs_list .job_t{font-size:1.4rem;line-height:2rem;padding:1rem 0}
    .jobs_list .job_t span{font-size:1.2rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
    .jobs_list .job_a{font-size:1.6rem;line-height:4rem;color:#666;margin-top: 1rem;
        display: none;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;}
        .jobs_list .job_a span{width:100%;padding-right:0rem;font-size:1.4rem;line-height:3rem;}
        .jobs_list .h3{font-size:1.4rem;line-height:2rem;padding:2rem;
            display: flex;
            flex-direction:column;
            flex-wrap: nowrap;
            justify-content: space-around;
            align-items: center;
            align-content: center;}
        .jobs_list .h3 i{color:#fff;width:100%;}

}

.nav{width:100%;min-width:1300px;padding:0;height:6rem;background: rgb(255, 255, 255,.6);margin-top:-6rem;position: relative;z-index: 2;backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);}
.nav ul{display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;}

.nav li{margin:0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;border-left:1px solid rgb(255, 255, 255,0.2)}
.nav li a{display:block;min-width:20rem;padding:0 2rem;width:auto;text-align:center;font-size:1.8rem;line-height:6rem;color:#000}
.nav li.on a{color:#00429c;font-weight:600;background:rgb(255, 255, 255,.2);}
.nav li a:hover{color:#30bac4;}
.nav li:last-child{border-right:1px solid rgb(255, 255, 255,.2)}

.main{width:96%;min-width:1300px;max-width:1700px;margin:0 auto;z-index: 2;position: relative;}


.iback{width:4rem;height:4rem;border:1px solid rgb(0, 0, 0,0.05);-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;position: absolute;right:0;top:0rem;font-family: "iconfont";}
.iback a{font-size:1.6rem;line-height:4rem;text-align:center;color:#ccc;display:block;box-sizing: border-box;}
.iback a:hover{color:#30bac4;}



.gotop{display:block;width:100%;height:0;position:absolute;margin:-9rem auto 0 auto;}


.about_p_text{display: flex;background:rgb(48, 186, 196,0.05);
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
align-content: stretch;width:100%;box-sizing: border-box;}
.about_p_text.even{display: flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
align-content: center;}

.about_p{width: 50% !important;padding:0rem;overflow:hidden;position: relative;}
.about_p img{max-width:100% !important;height:auto;padding:0;margin:0;display:block;box-sizing: border-box;-webkit-transition:0.3s ease 0s;transition:0.3s ease 0s;}
.about_p_text:hover .about_p img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2) }
.about_text{width: 46% !important;font-size:1.8rem;line-height:180%;padding-top:5rem;box-sizing: border-box;}
.about_text h2{font-size:2.4rem;font-weight:600;color:#30bac4;position: relative;}
.about_text h2:before{content: "";
display: block;
width: 4rem;
height: 3px;
background: #f37823;
position: absolute;
left: 1rem;
top:4rem;}
.about_p_text.even  h2{text-align: right;}
.about_p_text.even .about_text h2:before{left:auto;right:1rem}
.about_p_text:hover h2{color:#000}

@media (min-width:320px) and (max-width:1024px){
    .nav{width:100%;min-width:320px;height:5rem;margin-top:-5rem;overflow: hidden;}
    .nav ul{height:6rem;width:100%;overflow-x:auto;justify-content: flex-start;}
    .nav li a{display:block;width:auto;min-width:auto;padding:0 2rem;font-size:1.4rem;line-height:5rem;color:#000;white-space: nowrap}
    .main{width:100%;min-width:320px;max-width:1024px;padding:0;margin:0 auto;box-sizing: border-box;}
    .about_p_text{padding-bottom:15px}
    .about_p{width:60% !important;padding:0rem;overflow:hidden;position: relative;}
    .about_p_text:hover .about_p img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
    .about_text{width: 35% !important;font-size:1.8rem;line-height:180%;padding-top:2rem;box-sizing: border-box;}
    .about_text h2{font-size:1.6rem;line-height:2.4rem;}
    .about_text h2:before{

    height: 3px;width:30px;
    left: 0rem;
    top:-10px;}
    .about_p_text.even .about_text h2:before{left:auto;right:0rem}
    .iback{width:3rem;height:3rem;top:.6rem}
    .iback a{font-size:1.2rem;line-height:3rem;}


}


.top_text{width:100%;position:relative;padding:5rem 0 4rem 0;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;}
.top_text>div img{display:block;width:100% !important;max-width:100% !important;height:auto;position: relative;z-index: 1;}
.top_text>div{width:46%;z-index: 2;}
.top_text .top_t_t_i{font-size:2.6rem;line-height:100%;color:#30bac4;padding-bottom:1.6rem;font-weight:600;}

.top_t_t_h3{font-size:2rem;line-height:100%;font-weight:600;padding:1rem 0;color:#30bac4;position: relative;}

.top_t_t_em{font-size:2.6rem;line-height:100%;font-weight:600;padding-bottom:3.6rem;color:#30bac4;position: relative;}
.top_t_t_em:after{content:"";width:4rem;height:3px;display:block;background:#f37823;position: absolute;left:0;bottom:1.5rem}
.top_t_t_em .more{right:0;position: absolute;}
.top_text .top_t_t_text{font-size:1.8rem;line-height:180%;color:#000;}
.top_text .top_t_t_text h6{font-size:2rem;line-height:200%;color:#000;}

.top_t_h2{font-size:2.6rem;line-height:100%;font-weight:600;padding-bottom:3.6rem;color:#30bac4;position: relative;width: 100% !important;}
.top_t_h2:after{content:"";width:4rem;height:3px;display:block;background:#f37823;position: absolute;left:0;bottom:1.5rem}
.top_t_h2_text{padding-bottom:3rem;font-size:1.8rem}

@media (max-width:1024px){
    .top_t_t_em{font-size:1.6rem;padding-bottom:2rem;}
    .top_t_t_em:after{width:2rem;height:2px;bottom:1rem}

    .top_t_h2{font-size:1.6rem;line-height:100%;font-weight:600;padding-bottom:2rem;color:#30bac4;position: relative;width: 100% !important;}
    .top_t_h2:after{content:"";width:2rem;height:2px;display:block;background:#f37823;position: absolute;left:0;bottom:0.5rem}
    .top_t_h2_text{padding-bottom:3rem;font-size:1.6rem}
    .top_text>div{width:100%;}
    .top_text .top_t_t_text{font-size:1.6rem;line-height:180%;color:#000;}
    .top_t_p{padding:1rem 0}
    .top_text .top_t_t_text h6{font-size:1.6rem;line-height:200%;color:#000;}
}
@media (max-width:680px){
    
    .abt_list>li{width:31%;}

}

.max_img{width:100%}
.max_img img{max-width:100%}
.hr_h1{padding:2rem 0 1rem 0;}
.hr_div{width:100%;position:relative;padding:4rem 0 3rem 0;display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;}
.hr_div_chld{width:46%;position: relative;overflow: hidden;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.hr_div_chld>img{display:block;width:100%;max-width: 100% !important;position: relative;z-index: 1;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;transition:all 0.8s;-webkit-transition:all 0.8s;}
.hr_div_chld>div{position: absolute;width:80%;top:15%;left:10%;z-index: 2;color:#000;font-weight:600;}
.hr_div_chld>div>.h3{font-size:2.6rem;line-height:180%;color:#fff;font-weight:600;padding-bottom:2rem;position: relative;}
.hr_div_chld>div>.h3:after{content:"";width:4rem;height:3px;display:block;background:#30bac4;position: absolute;left:0;bottom:1rem}
.hr_div_chld:hover>img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

@media (max-width:1024px){
.hr_div_chld>div{font-size:1.4rem;line-height:180%;}
.hr_div_chld>div>.h3{font-size:1.8rem;line-height:180%;color:#fff;font-weight:600;padding-bottom:2rem;position: relative;}
.hr_div_chld>div>.h3:after{content:"";width:4rem;height:3px;display:block;background:#30bac4;position: absolute;left:0;bottom:1rem}

}

@media (max-width:680px){
.hr_div{padding:2rem 0;display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;}
.hr_div_chld{width:100%;position: relative;overflow: hidden;margin:0 auto 2rem auto}
}


.p_list{width:92%;min-width:1300px;max-width:1500px;padding:0;margin:8rem auto;}

.p_list:nth-child(odd){
    display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;}

.p_list:nth-child(even){
display: flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;}

.p_list .itext{width:45%;box-sizing: border-box;}
.p_list .itext h2{font-size:3.2rem;line-height:3rem;padding-bottom:2rem;position: relative;font-weight:600;color:#30bac4}
.p_list .itext h2:after{content:"";width:5rem;height:0.5rem;display:block;background:#f37823;position: absolute;left:0;bottom:0;}


.p_list .itext ul{padding:0 0 3rem 0;}
.p_list .itext ul li a{display:block;width:100%;font-size:1.6rem;line-height:4rem;color:#000}
.p_list .itext ul li a i{font-family: "iconfont";padding-right:1rem;font-size:1.2rem;color:rgb(48, 186, 196,.4)}
.p_list .itext ul li a:hover{color:#30bac4}

.p_list .itext p{width:100%;font-size:1.8rem;line-height:5rem;padding:2rem 0;color:#999}






@media (max-width:680px){


}



.p_list .ipic{width:50%;overflow:hidden}
.p_list .ipic img{display:block;width:100%;height:auto;border:1px solid #f2f2f2;box-sizing: border-box;transition:all 0.8s;-webkit-transition:all 0.8s;}
.p_list .ipic:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}


@media (min-width:320px) and (max-width:680px){
    .p_list{width:96%;min-width:320px;max-width:1024px;padding:0;margin:-4rem auto 2rem auto;}
    
    .p_list:nth-child(even),.p_list:nth-child(odd){flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center}
    .p_list .ipic{width:100%;overflow:hidden}
    .p_list .itext{width:100%;margin:-3rem auto 4rem auto;background:rgb(255, 255, 255,.8);padding:1rem 2rem;box-sizing: border-box;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
    .p_list .itext h2{font-size:2.2rem;line-height:3rem;padding:1rem 0;position: relative;font-weight:600;color:#30bac4}
}

@media (min-width:681px) and (max-width:1024px){
    .p_list{width:96%;min-width:320px;max-width:1024px;padding:0;margin:2rem auto;}
    
    .p_list .ipic{width:50%;overflow:hidden}

    .p_list .itext{width:48%;margin:0;background:rgb(255, 255, 255,.8);padding:0rem;box-sizing: border-box;;}
    .p_list .itext h2{font-size:2.2rem;line-height:3rem;padding:0 0 1rem 0;position: relative;font-weight:600;color:#30bac4}
}



@media (min-width:320px) and (max-width:1024px){

    .p_list .ipic img{border:0;}    
    
    
    .p_list .itext h2:after{content:"";width:5rem;height:0.2rem;display:block;background:#f37823;position: absolute;left:0;bottom:0;}
    .p_list .itext ul{padding:0 0 1rem 0;}
    .p_list .itext ul li a{font-size:1.4rem;line-height:3.6rem;}
    .p_list .itext ul li a i{font-family: "iconfont";padding-right:1rem;font-size:1.2rem;color:rgb(48, 186, 196,.4)}
    .p_list .itext ul li a:hover{color:#30bac4}
    
    .p_list .itext p{width:100%;font-size:1.6rem;line-height:2.4rem;padding:1rem 0;color:#999}


}


.zl{width:90%;min-width:1300px;max-width:1600px;margin:0 auto;z-index:3;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;}


.zl_left{width:20%;padding-top:3rem}

.zl_left>h2{width:100%;position: relative;padding:0;font-size:2.2rem;line-height:5rem;color:#30bac4;font-weight:600;border-bottom:1px solid #f2f2f2;box-sizing: border-box;}

.zl_left>h2:after{content:"";display:block;width:3rem;height:0.3rem;background:#f37823;position:absolute;left:0rem;bottom:-1px;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
.zl_left ul{padding-top:1rem;}
.zl_left ul li{border-bottom:1px solid #f2f2f2}
.zl_left ul li a{font-size:1.6rem;font-weight:600;line-height:140%;padding:1.5rem 0;display:block;color:#333}
.zl_left ul li a:hover{color:#30bac4;}
.zl_right{width:78%;border:1px solid #f2f2f2;padding:2rem;margin:-6rem 0 0 0;-moz-border-radius:1.5rem;-webkit-border-radius:1.5rem;border-radius:1.5rem;background:#fff}

@media (min-width:320px) and (max-width:1024px){
    .zl{width:100%;min-width:320px;max-width:1024px;flex-direction: column;position: relative;margin:-5rem auto 0 auto;background:#fff;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;}
    .zl_left{width:100%;position: relative;padding:0rem;width:100%;box-sizing: border-box;height:6rem;border:1px solid #f2f2f2;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;overflow: hidden;}
    .zl_left>h2{display:none}
    .zl_left ul{padding:1rem;width:100%;overflow-x: auto;display: flex;height:5rem;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: center;}
    .zl_left ul li{border-bottom:0;padding:0 1rem}
.zl_left ul li a{font-size:1.4rem;font-weight:600;line-height:4rem;padding:0;display:block;color:#30bac4;;white-space: nowrap}
.zl_left ul li a:hover{color:#30bac4;}
.zl_right{width:100%;border:0;padding:0rem;margin:0rem 0 0 0;-moz-border-radius:0rem;-webkit-border-radius:0rem;border-radius:0rem;}
}



.news{width:80%;padding:0;margin:-6rem auto 0 auto;min-width:1300px;max-width:1500px;   
position:relative;z-index:2;box-sizing:border-box;}



.news .none{padding:6rem;border:1px solid #f2f2f2;margin-top:3rem;-moz-border-radius:1.5rem ;-webkit-border-radius:1.5rem;border-radius:1.5rem;}

.news_li{width:100%;padding:0;margin:0 auto;}
.news_li>li{width:100%;margin:0 auto;padding:2rem;position:relative;border-bottom:1px solid #f2f2f2;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;box-sizing: border-box;}
.news_li> li:first-child{background:#fff;padding-top:5rem;-moz-border-radius:1.5rem 1.5rem 0 0;-webkit-border-radius:1.5rem 1.5rem 0 0;border-radius:1.5rem 1.5rem 0 0}
.news_li> li a{display:block;width:100%;padding:0;display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: flex-start;}

.news_li> li .n_time{font-size:1.4rem;line-height:30px;margin:0;text-align:left;color:#666}
.news_li> li .n_time i{color:#333;font-family: "iconfont";padding-right:1rem;}
.news_li> li .n_time i:nth-child(2){padding-left:1rem}

@media (min-width:320px) and (max-width:1024px){
    .news{width:100%;padding:0;margin:-5rem auto 0 auto;min-width:320px;max-width:1024px;}
    .news_li>li{width:100%;padding:1rem}
    .news_li> li:first-child{padding-top:2rem;}
    .news_li> li .n_time{font-size:1.2rem;line-height:30px;}
}

.news_li> li .n_more{font-family: "iconfont";font-size:2.4rem;line-height:8rem;height:8rem;width:6rem;text-align:center;color:#30bac4;border-left:1px solid #f2f2f2}
.news_li> li .n_p{width:200px;height:auto;border:1px solid #f2f2f2;overflow:hidden;box-sizing: border-box;}
.news_li> li .n_p img{display:block;max-width:100%;max-height:100%;-webkit-transition:All .8s ease;transition:All .8s ease}
.news_li> li .n_text{width:calc(100% - 360px);padding-right:3rem;box-sizing: border-box;}
.news_li> li .n_p_t{width:calc(100% - 160px);}
.news_li> li .n_title{font-size:2rem;font-weight:bold;line-height:3rem;padding:0px 0 10px 0;display:block;color:#000}
.news_li> li .n_desc{font-size:1.6rem;line-height:3rem;font-weight:300;height:7rem;color:#000;
    overflow: hidden;
    -webkit-line-clamp: 2;line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (min-width:320px) and (max-width:1024px){
    .news_li> li a{align-items: flex-start;}
    .news{width:100%;padding:0;margin:-5rem auto 0 auto;min-width:320px;max-width:1024px;}
    .news_li>li{width:100%;padding:1rem}
    .news_li> li .n_text{width:calc(100% - 140px);padding-right:0rem;}
    .news_li> li .n_time{font-size:1.2rem;line-height:30px;}
    .news_li> li .n_text>.n_desc{display:none}
    .news_li> li .n_p{width:120px;}
    .news_li> li .n_title{font-size:1.6rem;font-weight:bold;line-height:2.4rem;max-height:4.8rem;display:block;color:#000;overflow: hidden;
        -webkit-line-clamp: 2;line-clamp: 2;padding:0;margin-bottom:.5rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;}
    .news_li> li .n_more{display:none}
    .news_li> li .n_p_t{width:100%;}
    .news_li> li .n_p_t .n_desc{font-size:1.4rem;line-height:2.2rem;font-weight:300;height:4.4rem;}
}

/* 
.news_li> li:hover{background:#f2f2f2;} */
.news_li> li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news_li> li:hover .n_title{color:#30bac4}
.news_pic{width:100%;display: flex;padding:3rem 0;margin:0 auto;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;}
.news_pic li{border:1px solid #f2f2f2;width:24%;padding:0;margin:0 0 3rem 0;position:relative;box-sizing: border-box;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}






@media (min-width:1026px) and (max-width:1599px){
    .news_pic li{width:31%}

}

.news_pic li:hover{-webkit-box-shadow:0px 1rem 1.6rem 0rem rgb(48, 186, 196,.4);-moz-box-shadow:0px 1rem 1.6rem 0rem rgb(48, 186, 196,.4);box-shadow:0px 1rem 1.6rem 0rem rgb(48, 186, 196,.4)}
.news_pic li a{display:block;overflow:hidden;width:100%;}
.news_pic li .ipic{overflow:hidden;position: relative;z-index: 1;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;}
.news_pic li .ipic img{width:100%;height:auto;display:block;position: relative;z-index:1;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.news_pic li:hover .ipic img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2) } 
.news_pic li .itext{width:100%;padding:0 1rem;position:relative;margin:1rem auto;z-index:2;
font-size:1.6rem;line-height:3rem;height:6rem;color:#000;font-weight:400;box-sizing: border-box;
display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}


  @media (min-width:320px) and (max-width:680px){
    .news_pic{width:100%;display: flex;padding:1rem;margin:0 auto;background:#fff;box-sizing: border-box;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: center}
        .news_pic li{border:0;border-bottom:1px solid #f2f2f2;width:100%;padding:0;margin:0 0 1rem 0;position:relative;box-sizing: border-box;
            -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;-moz-border-radius:0rem;-webkit-border-radius:0rem;border-radius:0rem;}
.news_pic li a{display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: flex-start;
            align-content: flex-start;}
    .news_pic li a>div{width:calc(100% - 140px)}
    .news_pic li .ipic{width:120px;;-moz-border-radius:0rem;-webkit-border-radius:0rem;border-radius:0rem;}
    .news_pic li .itext{width:100%;margin:0;font-size:1.6rem;line-height:2.4rem;height:auto;max-height:4.8rem;}
}
@media (min-width:681px) and (max-width:1024px){
    .news_pic{width:100%;padding:1rem;box-sizing: border-box;}
    .news_pic li{width:49%}}

.news_pic li .itime{display:block;font-size:1.4rem;line-height:4rem;height:4rem;color:rgb(0, 0, 0,0.6);width:100%;position: relative;padding:0 1rem;box-sizing: border-box;}
.news_pic li .itime i{position:absolute;right:1rem;font-size:1.4rem;line-height:4rem;height:4rem;}
.news_pic li .itime em{font-size:1.6rem;line-height:4rem;height:4rem;font-family: "iconfont";padding-right:0.5rem;}
.news_pic li .itime i:before{font-size:1.6rem;content:"\e88b";font-family: "iconfont";padding-right:0.5rem;font-weight:200}
.news_pic li:hover .itext{color:#30bac4}
.news_pic li:hover .itext i,.news_pic li:hover .itime{color:#000}

.news_slide{width:100%;padding:3rem;margin:0 auto;border:1px solid #f2f2f2;background:#fff;box-sizing: border-box;
    -moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;
    border-bottom:1px solid #f2f2f2;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;}

.news_slide .b_page{bottom:2rem;position: absolute;left:50%;width:auto;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);background:rgb(255, 255, 255,.4);
    padding:1rem;-moz-border-radius:3rem;-webkit-border-radius:3rem;border-radius:3rem;}
.news_slide .b_page .swiper-pagination-bullet{width:1rem;height:1rem;background:rgb(48, 186, 196,1);opacity: .4;}
.news_slide .b_page .swiper-pagination-bullet-active{width:3rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;opacity: 1;}

.news_slide .swiper-container{padding: 0 !important;;margin:0 !important;width:46%;}
.news_slide .news_slide_pic li{width:100%;padding:0;margin:0;box-sizing: border-box;height: 45rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem;overflow: hidden;}
.news_slide .news_slide_pic li a{width:100%;height:100%;padding:0;margin:0;display:block;position: relative;}
.news_slide .news_slide_pic li .ipic{width:100%;height:100%;padding:0;position: relative;z-index: 1;}
@media (min-width:320px) and (max-width:1024px){

.news_slide .news_slide_pic li{width:100%;padding:0;margin:0;box-sizing: border-box;height:auto;}
.news_slide .b_page{padding:.5rem;}
.news_slide .b_page .swiper-pagination-bullet{width:.6rem;height:.6rem}
.news_slide .b_page .swiper-pagination-bullet-active{width:2rem;-moz-border-radius:.6rem;-webkit-border-radius:.6rem;border-radius:.6rem;}
.news_pic li .itime,
.news_pic li .itime i,
.news_pic li .itime em,
.news_pic li .itime i:before{font-size:1.2rem;}
}



.news_slide .news_slide_pic li img{padding:0;margin:0;border:0;display:block;position:relative;width:100%;height:100%;border:1px solid #f2f2f2;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;}
.news_slide .news_slide_pic li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news_slide_li{width:50%;display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;}

.news_slide_li li{position: relative;box-sizing: border-box;height:7rem;}
.news_slide_li li:nth-child(n+2){border-top:1px solid #f2f2f2}
.news_slide_li li a{display:block;padding:0;width:90%;height:100%;box-sizing: border-box;overflow:hidden;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}

.news_slide_li li .itext{height:7rem;font-size:1.6rem;line-height:7rem;color:#000;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.news_slide_li li .itime{display:none;font-size:1.4rem;line-height:4rem;color:#999;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}

.news_slide_li li:after{line-height:7rem;height:100%;width:10%;position: absolute;right:0;top:0;font-size:1.8rem;text-align:center;color:rgb(48, 186, 196,.4);;font-family: "iconfont";content:"\e626";z-index: -1;}

.news_slide_li li.on{height:10rem;}
.news_slide_li li.on a{padding:1rem 0}
.news_slide_li li.on .itext{height:4rem;line-height:4rem;color:#30bac4;font-size:1.8rem;font-weight:600}
.news_slide_li li.on .itime{display:block}

.news_slide_li li.on:after{content:"\e771";color:#f37823;line-height:9rem;}
.news_slide_li li:hover .itext {color:#30bac4;}


@media (min-width:320px) and (max-width:1024px){
.news_slide_li li{width:100%;height:auto}
.news_slide_li li.on{height:auto;}
.news_slide_li li.on a{padding:.5rem 0}
.news_slide_li li.on:after,.news_slide_li li:after{display:none}
.news_slide{padding:1rem; flex-direction:column;border-radius: 1rem 1rem 0 0;}
.news_slide .swiper-container{padding: 0 !important;;margin:0 auto;width:100%;}
.news_slide_li{width:100%;}


.news_slide_li li .itext{height:4rem;font-size:1.6rem;line-height:4rem;width:100%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.news_slide_li li.on .itext{font-size:1.6rem;}
.news_slide_li li .itime{display:none;font-size:1.2rem;line-height:2.2rem;}

.news_slide_li li.on .itext em{display:none;}
.news_slide_li li .itext i{display:block;font-size:1.6rem;line-height:2rem !important;height:6rem;padding:1rem 0;color:#333;font-weight:600;overflow: hidden;box-sizing: border-box;
-webkit-line-clamp: 2;line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;}
.news_slide_li li a,.news_slide_li li.on a{height:6.6;width:100%}
}





.pic_list{width:100%;}
.big_pic_list,.div_pic_list{width:100%;display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;}

.pic_list li{display:inline-block;overflow:hidden;width:23%;margin:1rem 1% 3rem 1%;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;-moz-border-radius:0.6rem;-webkit-border-radius:0.6rem;border-radius:0.6rem;}
.div_pic_list li{overflow:hidden;width:23%;margin-bottom:3rem;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;-moz-border-radius:0.6rem;-webkit-border-radius:0.6rem;border-radius:0.6rem;}
.div_pic_list li .ipic{overflow:hidden;padding:0;-moz-border-radius:0.6rem;-webkit-border-radius:0.6rem;border-radius:0.6rem;}
.div_pic_list li .itext{font-size:1.6rem;line-height:5rem;padding:0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;box-sizing: border-box;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;}
.big_pic_list li{width:49%;margin-bottom:3rem;overflow:hidden}

.pic_list li img,.big_pic_list li img,.div_pic_list li img{display:block;width:100%;height:auto;border:0;-webkit-transition: all .6s;-moz-transition: all .6s;transition: all .6s;}
.pic_list li:hover img,.big_pic_list li:hover img,.div_pic_list li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.div_pic_list li:hover{-webkit-box-shadow:0px 1rem 1.8rem 0.6rem rgb(0, 0, 0,0.1);-moz-box-shadow:0px 1rem 1.8rem 0.6rem rgb(0, 0, 0,0.1);box-shadow:0px 1rem 1.8rem 0.6rem rgb(0, 0, 0,0.1)}
.div_pic_list li:hover .itext{padding:0 1rem;}
.div_pic_list li:hover .ipic{-moz-border-radius:0.6rem 0.6rem 0 0;-webkit-border-radius:0.6rem 0.6rem 0 0;border-radius:0.6rem 0.6rem 0 0;}
.pic_list li .ipic{overflow:hidden;margin:0;padding:0}
.pic_list li .itext{color:#000;margin:0;padding:0;text-align:center}






.i_text_p{display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;padding:3rem 0}
.i_text_p .i_text{width:56%}
.i_text_p .i_p{width:40%}
.i_text_p .i_p img{max-width:100%;display:block;}

.wh .h2:before{    content: "";
    display: block;
    width: 4rem;
    height: 0.3rem;
    background: #f37823;
    position: absolute;
    left: 50%;margin-left:-2rem;
    bottom:0rem;}





.wh{text-align:center;padding:3rem 0 5rem 0}
.wh .h2{position: relative;height:9rem;}
.wh .h2 i{color:#30bac4;font-weight:600;padding:0rem;font-size:2.6rem;line-height:200%;display:block;}
.wh .h2 em{font-size:1.6rem;line-height:120%;display:block;}




.wh .swiper-container{padding:3rem 0 6rem 0}
.wh .swiper-slide {-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;
width: calc(25% - 2rem) !important;
padding: 1rem;margin:0 1rem;
box-sizing: border-box;border:1px solid #f2f2f2;background:#fff;
}



.wh .swiper-slide .ip{width:100%;overflow:hidden;display:bock;position: relative;}
.wh .swiper-slide .ip img{width: 100% !important;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
    box-sizing: border-box;
    -webkit-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;}
.wh .swiper-slide:hover  .ip img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}

.wh .swiper-slide .ic{background:#fff;padding:0 1rem;width:80%;box-sizing: border-box;text-align:center;height:13rem;position: relative;margin:0 auto;}
.wh .swiper-slide .ic:before{    content: "";
    display: block;
    width: 2rem;
    height: 1px;
    background: #f37823;
    position: absolute;
    left: 50%;margin-left:-1rem;
    top:6rem;}
.wh .swiper-slide .ic i{font-size:2.4rem;line-height:5rem;display:block;font-weight:600;color:#30bac4;padding:1rem 0;}

.wh .swiper-slide .ic em{font-size:1.6rem;line-height:2rem;display:block;color:#000;}
.wh .swiper-slide .it{font-size:1.6rem;line-height:4rem;display:block;color:#000;padding:1rem;}
.wh .swiper-slide:hover .ic i{color:#00429c;}
.wh .swiper-slide:hover .ic em{color:#30bac4;}
.wh .swiper-pagination{bottom:0rem}



.pic_list_ele{padding:3rem 0}
.wh .swiper-pagination .swiper-pagination-bullet,
.pic_list_ele .swiper-pagination .swiper-pagination-bullet{width:1.2rem;height:1.2rem;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.wh .swiper-pagination .swiper-pagination-bullet-active,
.pic_list_ele .swiper-pagination .swiper-pagination-bullet-active{width:20px;height:1.2rem;-moz-border-radius:1.2rem;-webkit-border-radius:1.2rem;border-radius:1.2rem;background:#30bac4}
.pic_list_ele h2{font-size:2.4rem;line-height:5rem;height:8rem;color:#00429c;font-weight:600;text-align: center;position: relative;}

@media (min-width:320px) and (max-width:1024px){
    .wh .h2{height:7rem;}
    .wh .h2 i{font-size:2.2rem;}
    .wh .h2 em{font-size:1.2rem;line-height:120%;display:block;}
    .wh .h2:before{ width: 3rem;margin-left:-1.5rem;}
    .wh .swiper-slide .ic{height:9rem;}
    .wh .swiper-slide .ic:before{
        top:4rem;}
    .wh .swiper-slide .ic i{font-size:1.8rem;line-height:4rem;padding:.5rem 0;}
    
    .wh .swiper-slide .ic em{font-size:1.2rem;line-height:2rem;}  
}
@media (min-width:320px) and (max-width:600px){

    .wh .swiper-slide{width: 80% !important;}
}
@media (min-width:601px) and (max-width:800px){

    .wh .swiper-slide{width:50% !important;}
}
@media (min-width:801px) and (max-width:1024px){

    .wh .swiper-slide{width:40% !important;}
}

.pic_list_ele h2:before {
    content: "";
    display: block;
    width: 4rem;
    height: 1px;
    background: #00429c;
    position: absolute;
    left: calc(50% - 2rem);
    bottom:3rem;
}

.arc10{padding-bottom:6rem}

.arc10 .swiper-slide {-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;
    width: calc(25% - 2rem) !important;
    padding: 2rem;margin:0 1rem;
    box-sizing: border-box;border:1px solid #f2f2f2;
}
.arc10 .swiper-slide img{display:block;max-width:100%;height:24rem;border:0;margin:0 auto}
.arc10 .swiper-slide p{background:#fff;padding:0 1rem;width:100%;box-sizing: border-box;text-align:center;color:#000;font-size:1.6rem;line-height:3rem;height:4rem;padding-top:1rem;}

@media (min-width:320px) and (max-width:1024px){

    .pic_list_ele h2{font-size:2.2rem;}
    .arc10{padding-bottom:3rem}
    .arc10 .swiper-slide {
        width: 70% !important;
        padding: 1rem;margin:0 1rem;
    }
    .arc10 .swiper-slide img{display:block;max-width:100%;height:140px;border:0;margin:0 auto}
    .arc10 .swiper-slide p{padding:0 1rem;font-size:1.4rem;line-height:3rem;height:4rem;padding-top:1rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
        
}
@media (min-width:320px) and (max-width:400px){    .arc10 .swiper-slide {
    width: 70% !important;
    padding: 1rem;margin:0 1rem;
}}
@media (min-width:401px) and (max-width:600px){    .arc10 .swiper-slide {
    width: 50% !important;
    padding: 1rem;margin:0 1rem;
}}

@media (min-width:601px) and (max-width:1024px){    .arc10 .swiper-slide {
    width: 30% !important;
    padding: 1rem;margin:0 1rem;
}}

.arc10 .swiper-pagination{bottom:0rem}

.wh .swiper-slide:hover,
.arc10 .swiper-slide:hover{-webkit-box-shadow:0 0px 16px 0 rgba(3, 3, 3, 0.08);-moz-box-shadow:0 0px 16px 0 rgb(48, 186, 196, 8%);box-shadow:0 8px 16px 0 rgb(48, 186, 196,.6);}
.arc10 .swiper-slide:hover p{color:#30bac4}



@media (min-width:1025px) and (max-width:1440px){.arc10 .swiper-slide img{height:21rem;}}
@media (min-width:1441px) and (max-width:1600px){.arc10 .swiper-slide img{height:22rem;}}






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





.hei{position:fixed;width:100%;left:0;background:rgba(0,0,0,0.6);z-index:9999;vertical-align:middle;line-height:100%}
.hei .close{cursor:pointer;width:50px;height:50px;background:#000;position:absolute;right:10px;top:10px;font-family:'iconfont';-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;font-size:16px;line-height:50px;text-align:center;color:#fff}
.hei img{display:block;width:auto;height:auto;position:absolute;max-width:80%;max-height:80%;left:50%;top:50%;animation-duration:3s;transition:0.6s ease 0s;opacity:0.1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}


.pg{width:100%;text-align:center;height:6rem;color:#6D6C7A;font-size:1.6rem;line-height:4.6rem;margin:0 auto;padding:2rem 0 4rem 0;}
.pg span{display:inline-block;width:4.6rem;height:4.6rem;border:1px solid #ddd;background:#f5f5f5;text-align:center;padding:0;margin:0 3px;-moz-border-radius:0.6rem;-webkit-border-radius:0.6rem;border-radius:0.6rem;overflow:hidden}
.pg .hend{width:4.6rem;font-family:"iconfont" !important}
.pg .end{width:4.6rem;clear:both;font-family:"iconfont" !important}
.pg span>a{font-size:1.6rem!important;line-height:4.6rem!important;color:#000;display:block!important;}
.pg span>a:hover{font-size:1.6rem!important;line-height:4.6rem!important;color:#fff;background:#30bac4 !important}
.pg .current{background:#30bac4;color:#fff}
.pg .current>a{color:#fff}

@media (max-width:1024px){
    .pg span{display:none}
    .pg .hend,
    .pg .end,.pg .current{display:inline-block}
}

.backToTop{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;width:4.5rem;height:4.5rem;padding:0px;background:#30bac4;
    font-family:"iconfont";font-size:24px;line-height:4.5rem;color:#fff;text-align:center;cursor:pointer;right:15px;position:fixed;bottom:15px;
    box-shadow:0 4px 23px 5px rgba(0,0,0,0.2),0 2px 6px rgb(255,255,255);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.backToTop:hover{background-color:#008ad0}



.more{display:block;z-index:2;width:16rem;height:5rem;background:rgb(255, 255, 255,0.2);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;
-moz-border-radius:.8rem;-webkit-border-radius:.8rem;border-radius:.8rem;color:#333;text-align:center;position:relative;overflow:hidden;
-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;
border:1px solid rgba(0,0,0,0.05);box-sizing:border-box}
.more a{display:block;width:100%;height:100%;display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;}

.more i{display:block;width:10rem;font-size:1.6rem;line-height:5rem;height:5rem;color:#30bac4;position: relative;z-index: 2;font-weight:600}
.more u{text-decoration:none;font-family:"iconfont";display:block;width:3rem;font-size:1.4rem;line-height:2rem;height:2rem;border-left:1px solid rgba(0,0,0,0.05);color:#30bac4;position: relative;z-index: 2;}

.more:hover{background:#fff;-webkit-box-shadow:0px 10px 16px 0px rgb(48, 186, 196,.4);-moz-box-shadow:0px 10px 16px 0px rgb(48, 186, 196,.4);box-shadow:0px 10px 16px 0px rgb(48, 186, 196,.4);}
.more:hover i{color:#f4a002;}
.more:hover u{color:#f4a002}
.more:before{border-radius:50%;content:"";display:block;height:0;left:50%;top:50%;padding-top:100%;position:absolute;transform:translateX(-50%) translateY(-50%);transition:all .6s;width:100%;overflow:hidden;z-index: 1;}
.more:hover:before{-webkit-animation:button_style_0_anim infinite .75s;animation:button_style_0_anim infinite .75s;z-index:1}


.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    animation: mk 1s ease;
    -webkit-animation: mk 1s ease;
    background: rgba(0,0,0,0.4);
    text-align: center;
}

@keyframes mk {
    0% {
        background: rgba(0,0,0,0);
    }

    100% {
        background: rgba(0,0,0,0.4);
    }
}

.view_img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    line-height: 100%;
    z-index: 8
}

.view_img li,.view_img span {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    width: 40px;
    height: 40px;
    background: #333;
    position: absolute;
    font-family: "iconfont" !important;
}

.view_img li:hover,.view_img span:hover {
    background: #000
}

.view_img li.q {
    left: 20px;
    top: calc(50% - 15px);
}

.view_img li.h {
    right: 20px;
    top: calc(50% - 15px);
}

.view_img li.none {
    cursor: not-allowed!important;
    opacity: 0.2;
    -moz-opacity: 0.2;
}

.view_img span {
    right: 20px;
    top: 20px
}

.view_img #Number {
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    padding-top: 20px;
}

.view_img img {
    display: block;
    animation: inimg 0.2s ease;
    -webkit-animation: inimg 0.2s ease;
    width: auto;
    height: auto;
    position: absolute;
    max-width: 80%;
    max-height: 80%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

@keyframes inimg {
    0% {
        -webkit-transform: translate3d(-50%,-40%,0);
        transform: translate3d(-50%,-40%,0);
    }

    100% {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }
}

/* .d_slide_15{width:100%;min-width: 1300px;padding:0 0 8rem 0;background:#ddd url(/images/honor.jpg) no-repeat center top;background-size:100% auto;} */


@-webkit-keyframes button_style_0_anim{
0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}
@keyframes button_style_0_anim{
0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}


@media (max-width:1024px){
.backToTop{width:30px;height:30px;font-size:16px;line-height:30px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}


.more{width:100%;height:30px;background:rgb(255, 255, 255,0.4);border:none;}
.more a{display:block;width:100%;height:100%;display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;}




}
@media (max-width:680px){
    .more{width:100%;height:30px;background:rgb(255, 255, 255,0.4);border:none;}
.more a{display:block;width:100%;height:100%;display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;}
.more i{display:block;text-align:center;width:80px;font-size:1.4rem;line-height:3rem;height:3rem;color:#666;position: relative;z-index: 2;box-sizing: border-box;}
.more u{font-size:1.2rem;line-height:2rem;height:2rem;}
}
@media (max-width:1024px){
    .more{width:14rem;height:40px;background:rgb(255, 255, 255,0.4);border:1px solid #f2f2f2;}
.more a{display:block;width:100%;height:100%;display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;}
.more i{display:block;text-align:center;width:80px;font-size:1.4rem;line-height:4rem;height:4rem;color:#666;position: relative;z-index: 2;box-sizing: border-box;}
.more u{font-size:1.2rem;line-height:2rem;height:2rem;}
}