@charset "utf-8";
/* CSS Document */

@font-face{
    font-family: "HarmonyOSMedium";
    src: url('fonts/HarmonyOSMedium.woff');
}

*{padding: 0px;margin: 0px; font-family:"HarmonyOSMedium";}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{background:#fff;}
li {list-style: none;}
a {text-decoration: none;}
body,html { font-size: 14px;}
.imgbox {overflow: hidden;position: relative;}
.imgbox img {transition: 0.3s;}

/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 

.icenter {width: 85%;margin:0 auto;position: relative;}

/* head */
.header {position: fixed; top: 0rem; width: 100%; z-index: 99;transition: 0.6s;background: #fff;z-index: 3000;}
.head {box-sizing: border-box;height: 120px;display: flex;justify-content: space-between;align-items: center; z-index: 4;}
.head .logo {width: 300px;}
.head .logo img {width: 100%;}
.head .right {width: 70%;}
.head .right .sousuo{width: 100%; height:40px; line-height:40px; display: flex; justify-content: flex-end; align-items: center; margin-top:10px;}
.head .right .sousuo .search{width: 100px; text-align:center; height:40px; line-height:40px; background-image:linear-gradient(to right, #023c72,#014c91, #0262bc); color:#fff; font-size:16px; margin-right:30px;}
.head .right .sousuo .search:hover{background-image:linear-gradient(to right, #00a0e9,#00a0e9, #00a0e9)}
.head .right .sousuo .search a{ display:block; color:#fff;}
.head .right .sousuo .tel{ display: flex; justify-content: center; align-items: center; margin-right:30px; font-size:18px;}
.head .right .sousuo .tel img{ width:25px; margin-right:10px;}
.head .right ul {width: 100%; display: flex; justify-content: flex-end; align-items: center; position: relative;}
.head .right ul li { width: 100%; position: relative;}
.head .right ul li .a { color: #333; position: relative;font-size: 17px;line-height: 70px;height: 70px; text-align:center; display:block;}
.head .right ul li:hover .a {color:#023c72;}
.head .right ul li .a:after { content: ""; display: block; width: 7px; height: 7px;border-radius:50%; background:#00a0e9; left:50%;transform: translateX(-50%); top:45px; transition:all .3s; position:absolute;opacity:0; }
.head .right ul li:hover .a::after {opacity: 1;}
.head .right ul li:hover .sub {height: auto;opacity: 1; transition: 0.9s; display:block;}
.head .right ul li .sub {opacity: 0; width: 160%; position:absolute; left:-30%; top:70px; transition: 0.9s; height: 0px; background:#023c72; padding:0 5%; display:none;}
.head .right ul li .sub:after {content: '';position: absolute;top: -16px;left:45%;transform: translateX(-45%);border: 8px solid transparent;border-bottom-color: #023c72;transform: rotate(0);}
.head .right ul li .sub dl dd a:hover {color:#00a0e9;}
.head .right ul li .sub dl { width: 100%; position: relative;}
.head .right ul li .sub dl dd { margin: 0;  line-height: 5rem; border-bottom:1px solid #165a9a }
.head .right ul li .sub dl dd:last-child { border:none; }
.head .right ul li .sub dl dd a { width: 100%; text-align:center; font-size: 14px; color: #fff; display: block; position: relative;}


/* ibanner */
.ibanner { position: relative; margin-top:120px; }
.ibanner .swiper {height: 100%;overflow: hidden;}
.ibanner .imgbox ,.ibanner .box{height: 100%;width: 100%;}
.ibanner .imgbox img {width: 100%;}
.ibanner .text { position: absolute;left:0;top: 35%;z-index: 2; width:100%; text-align:center;}
.ibanner .text dd {overflow: hidden;}
.ibanner .text h4,.ibanner .text h5 { opacity: 0; -webkit-transform: translateY(170%); transform: translateY(170%); -webkit-transition: -webkit-transform .9s ease-out .5s; transition: -webkit-transform .9s ease-out .5s; 
	transition: transform .9s ease-out .5s; transition: transform .9s ease-out .5s,-webkit-transform .9s ease-out .5s; will-change: transform; }
.ibanner .swiper-slide-active  .text h4 ,.ibanner .swiper-slide-active  .text h5 {-webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1;  }
.ibanner .text h4 { font-size: 40px; color: #fff; margin: 0px 0 25px;font-weight: bold; letter-spacing:5px;}
.ibanner .text h5 {font-size: 30px; color: #fff; letter-spacing:5px;}
.ibanner .swiper-pagination {bottom: 90px;left: 50%;transform: translate(-50%,-50%);}
.ibanner .swiper-pagination-bullet {transition: 0.5s; width: 7rem; height: 6px; border-radius: 0px; background-color: #fff; margin: 0 12px!important; opacity: 1;}
.ibanner .swiper-pagination-bullet-active {    opacity: 1; background:#023c72; width: 12.6rem; }

@keyframes mysacle { 0% { transform: scale(1.15); } }



/* more */
.more { width:200px; height:60px; line-height:60px; border-radius:30px; border: 1px solid #d3d3d3; position: relative;transition: all .6s;}
.more a { display:block; width:100%; text-align:center; font-size: 16px;color:#333;}
.more:hover { background:#023c72;}
.more:hover a { color:#fff;}

/* more01 */
.more01 { width:120px; height:40px; line-height:40px; border: 1px solid #fff; position: relative;transition: all .6s;}
.more01 a { display:block; width:100%; text-align:center; font-size: 14px;color:#fff;}
.more01:hover { background:#023c72;}
.more01:hover a { color:#fff;}

.adv01{ height:35vh;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(ad01.jpg);background-attachment:fixed !important;
	display: flex; justify-content: center;align-items: center;}
.adv01 .con{ font-size:18px; color:#fff;}

.adv02{ height:35vh;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(ad02.jpg);background-attachment:fixed !important;
	display: flex; justify-content: center;align-items: center;}
.adv02 .con{ font-size:18px; color:#fff;}

.adv03{ height:35vh;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(ad03.jpg);background-attachment:fixed !important;
	display: flex; justify-content: center;align-items: center;}
.adv03 .con{ font-size:18px; color:#fff;}

.adv04{ height:35vh;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(adv01.jpg);background-attachment:fixed !important;
	display: flex; justify-content: center;align-items: center;}
.adv04 .con{ font-size:18px; color:#fff;}

/* ind01 */
.ind01 { overflow: hidden; background-color: #f3f3f3; padding:90px 0; position: relative;}
.ind01 .icenter{display: flex;justify-content:space-between; height:66vh;}
.ind01 .le{ width: 20%; background:url(ind01.jpg) no-repeat; background-size:cover; padding:60px 30px; position:relative;}
.ind01 .le h3 { font-size: 30px;position: relative;margin-bottom: 3rem;color:#fff; line-height:1em; font-weight:normal; }
.ind01 .le p { color: #fff; font-size: 14px;line-height: 3rem;width: 100%;text-align: justify;}
.ind01 .le .more01 { position:absolute; bottom:60px;}
.ind01 .ri { width:80%;position: relative;}
.ind01 .ri ul{display: flex;flex-wrap:wrap;align-items: center;}
.ind01 .ri ul li{ width:33.33%; height:33vh; padding:25px; position:relative; background:#fff; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.ind01 .ri ul li .img{position: relative;width: 100%;overflow: hidden;}
.ind01 .ri ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind01 .ri ul li:hover .img img{transform: scale(1.1);}
.ind01 .ri ul li .img .tou{position: relative;top: 0;left: 0;}
.ind01 .ri ul li .img .shi{position: absolute;top: 0;left: 0;}
.ind01 .ri ul li .tit{ font-size:17px; color:#000; margin-top:5px; height:30px; line-height:30px; overflow:hidden;}
.ind01 .ri ul li .txt{ font-size:14px; color:#999; height:30px; line-height:30px; overflow:hidden;}

/* ind02 */
.ind02 { overflow: hidden; background-color: #f3f3f3; padding:90px 0; position: relative;}
.ind02 .icenter{display: flex;justify-content:space-between; height:66vh;}
.ind02 .le{ width: 20%; background:url(ind02.jpg) no-repeat; background-size:cover; padding:60px 30px; position:relative;}
.ind02 .le h3 { font-size: 30px;position: relative;margin-bottom: 3rem;color:#fff; line-height:1em; font-weight:normal; }
.ind02 .le p { color: #fff; font-size: 14px;line-height: 3rem;width: 100%;text-align: justify;}
.ind02 .le .more01 { position:absolute; bottom:60px;}
.ind02 .ri { width:80%;position: relative;}
.ind02 .ri ul{display: flex;flex-wrap:wrap;align-items: center;}
.ind02 .ri ul li{ width:33.33%; height:33vh; padding:25px; position:relative; background:#fff; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.ind02 .ri ul li .img{position: relative;width: 100%;overflow: hidden;}
.ind02 .ri ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind02 .ri ul li:hover .img img{transform: scale(1.1);}
.ind02 .ri ul li .img .tou{position: relative;top: 0;left: 0;}
.ind02 .ri ul li .img .shi{position: absolute;top: 0;left: 0;}
.ind02 .ri ul li .tit{ font-size:17px; color:#000; margin-top:5px; height:30px; line-height:30px; overflow:hidden;}
.ind02 .ri ul li .txt{ font-size:14px; color:#999; height:30px; line-height:30px; overflow:hidden;}

/* ind03 */
.ind03 { overflow: hidden; background-color: #f3f3f3; padding:90px 0; position: relative;}
.ind03 .icenter{display: flex;justify-content:space-between; height:66vh;}
.ind03 .le{ width: 20%; background:url(ind06.jpg) no-repeat; background-size:cover; padding:60px 30px; position:relative;}
.ind03 .le h3 { font-size: 30px;position: relative;margin-bottom: 3rem;color:#fff; line-height:1em; font-weight:normal; }
.ind03 .le p { color: #fff; font-size: 14px;line-height: 3rem;width: 100%;text-align: justify;}
.ind03 .le .more01 { position:absolute; bottom:60px;}
.ind03 .ri { width:80%;position: relative;height:56rem;}
.ind03 .ri ul{display: flex;flex-wrap:wrap;align-items: center;}
.ind03 .ri ul li{ width:33.33%; height:33vh; padding:25px; position:relative; background:#fff; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.ind03 .ri ul li .img{position: relative;width: 100%;overflow: hidden;}
.ind03 .ri ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind03 .ri ul li:hover .img img{transform: scale(1.1);}
.ind03 .ri ul li .img .tou{position: relative;top: 0;left: 0;}
.ind03 .ri ul li .img .shi{position: absolute;top: 0;left: 0;}
.ind03 .ri ul li .tit{ font-size:17px; color:#000; margin-top:5px; height:30px; line-height:30px; overflow:hidden;}
.ind03 .ri ul li .txt{ font-size:14px; color:#999; height:30px; line-height:30px; overflow:hidden;}

/* ind04 */
.ind04 { overflow: hidden; background-color: #f3f3f3; padding:90px 0; position: relative;}
.ind04 .icenter{display: flex;justify-content:space-between; height:66vh;}
.ind04 .le{ width: 20%; background:url(ind04.jpg) no-repeat; background-size:cover; padding:60px 30px; position:relative;}
.ind04 .le h3 { font-size: 30px;position: relative;margin-bottom: 3rem;color:#fff; line-height:1em; font-weight:normal; }
.ind04 .le p { color: #fff; font-size: 14px;line-height: 3rem;width: 100%;text-align: justify;}
.ind04 .le .more01 { position:absolute; bottom:60px;}
.ind04 .ri { width:80%;position: relative;}
.ind04 .ri ul{display: flex;flex-wrap:wrap;align-items: center;}
.ind04 .ri ul li{ width:33.333%; height:33vh; padding:25px; position:relative; background:#fff; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.ind04 .ri ul li .img{position: relative;width: 100%;overflow: hidden;}
.ind04 .ri ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind04 .ri ul li:hover .img img{transform: scale(1.1);}
.ind04 .ri ul li .img .tou{position: relative;top: 0;left: 0;}
.ind04 .ri ul li .img .shi{position: absolute;top: 0;left: 0;}
.ind04 .ri ul li .tit{ font-size:17px; color:#000; margin-top:5px; height:30px; line-height:30px; overflow:hidden;}
.ind04 .ri ul li .txt{ font-size:14px; color:#999; height:30px; line-height:30px; overflow:hidden;}

/* ind06 */
.ind06 { overflow: hidden; background-color: #f3f3f3; padding:90px 0; position: relative;}
.ind06 .icenter{display: flex;justify-content:space-between; height:66vh;}
.ind06 .le{ width: 20%; background:url(ind03.jpg) no-repeat; background-size:cover; padding:60px 30px; position:relative;}
.ind06 .le h3 { font-size: 30px;position: relative;margin-bottom: 3rem;color:#fff; line-height:1em; font-weight:normal; }
.ind06 .le p { color: #fff; font-size: 14px;line-height: 3rem;width: 100%;text-align: justify;}
.ind06 .le .more01 { position:absolute; bottom:60px;}
.ind06 .ri { width:80%;position: relative;}
.ind06 .ri ul{display: flex;flex-wrap:wrap;align-items: center;}
.ind06 .ri ul li{ width:33.333%; height:33vh; padding:25px; position:relative; background:#fff; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.ind06 .ri ul li .img{position: relative;width: 100%;overflow: hidden;}
.ind06 .ri ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind06 .ri ul li:hover .img img{transform: scale(1.1);}
.ind06 .ri ul li .img .tou{position: relative;top: 0;left: 0;}
.ind06 .ri ul li .img .shi{position: absolute;top: 0;left: 0;}
.ind06 .ri ul li .tit{ font-size:17px; color:#000; margin-top:5px; height:30px; line-height:30px; overflow:hidden;}
.ind06 .ri ul li .txt{ font-size:14px; color:#999; height:30px; line-height:30px; overflow:hidden;}

/* ind05 */
.ind05{width: 100%;box-sizing: border-box;position: relative; padding:90px 0;}
.ind05 .top {margin-bottom: 50px;}
.ind05 .top h3 {position: relative; color:#000;margin-bottom: 30px; font-size:46px;line-height: 1em; font-weight:normal;}
.ind05 .top h3::after {  position: relative; content: ""; width: 6rem; height: 0.4rem; background:#023c72; margin-top: 2.2rem; display: block;}
.ind05 .be{width: 100%;box-sizing: border-box;}
.ind05 .be ul{width: 100%;display: flex;flex-wrap:wrap;justify-content:space-between;height: 100%;}
.ind05 .be ul li{width: 24.6%; box-sizing: border-box;position: relative;height: 100%; margin-bottom:8px; overflow:hidden;}
.ind05 .be ul li a{ display: block;position: relative;width: 100%;height: 100%;}
.ind05 .be ul li .img{position: relative;width: 100%;overflow: hidden;}
.ind05 .be ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.ind05 .be ul li .img:before { position:absolute; top:0; left:0; content: ""; width: 100%; height: 100%; background:rgba(0,0,0,0.3); z-index:1;}
.ind05 .be ul li:hover .img img{transform: scale(1.05);}
.ind05 .be ul li .img .tou{position: relative;top: 0;left: 0;}
.ind05 .be ul li .img .shi{position: absolute;top: 0;left: 0;}
.ind05 .be ul li .text{position:absolute;left:0;top: 65%;width: 100%;box-sizing:border-box;padding: 0 40px;transition: all .6s;z-index: 1;}
.ind05 .be ul li .text h3{font-size: 22px;color: #ffffff; font-weight:normal;}
.ind05 .be ul li .text strong{display: block;width: 20px;height: 2px;background-color: #FFFFFF;margin-top: 10px;}
.ind05 .be ul li .text h4{font-size: 14px;line-height: 23px;color: #fff;margin-top: 10px;opacity: 0;transition: all .6s;font-weight:normal;}
.ind05 .be ul li:hover .text h4{opacity: 1;}
.ind05 .be ul li:hover .text{top: 50%;}


/* i03 */
.i03 {position: relative; width: 100%; background:url(i03_bg.jpg); padding:120px 0 120px;}
.i03 .le {height: 100%;position: relative; width: 100%;}
.i03 .le h3 { font-size: 46px;position: relative;margin-bottom: 3rem;color:#fff; line-height:1em; font-weight:normal; }
.i03 .le h3::after {  position: relative; content: ""; width: 6rem; height: 0.4rem; background:#fff; margin-top: 2.2rem; display: block;}
.i03 .le h4 { color: #333; font-size: 14px;line-height: 3rem;margin-bottom: 5.9rem; width: 70%;text-align: justify;}
.i03 .le img{ z-index: 5;position: relative;transition: all .6s;}
.i03 .le .text{ width:62%; z-index: 6;}
.i03 .le .text p { font-size: 16px;line-height: 35px; color: #eee;}
.i03 .le dl { display:flex; padding-top:70px; margin-bottom:30px;}
.i03 .le dl dd{ width:23%;margin-right: 2%;margin-bottom:30px;}
.i03 .le dl dd:nth-of-type(4n) {margin-right: 0%;}
.i03 .le dl dd h4 {display: flex;align-items: flex-end;}
.i03 .le dl dd h4 strong { font-weight: bold; font-size:60px;margin-right: 0.8rem;color:#fff; line-height: 1em; }
.i03 .le dl dd h4 span{ font-size:16px; position:relative; top:-10px; color:#fff;}
.i03 .le dl dd h5{font-size: 16px; position: relative;padding-top: 16px; color: #eee;}
.i03 .le dl dd h5::before {left: 0px; top:0; position: absolute; content: ""; width: 25%; height: 2px; background-color:#023c72;}
.i03 .le dl dd h5::after {height: 2px; position: absolute; content: ""; width: 75%; left: 25%; top:0; background-color: #a9a9a9;}
.i03 .more a{ color:#fff;}

/* i04 */
.i04 {padding: 100px 0;position: relative;overflow: hidden; background:#f6f6f6;}
.i04 .top {margin-bottom: 30px;display: flex;justify-content:space-between;}
.i04 .top h3 {position: relative; color:#000;margin-bottom: 30px; font-size:46px;line-height: 1em; font-weight:normal;}
.i04 .top h3::after { position: relative; content: ""; width: 6rem; height: 0.4rem; background:#023c72; margin-top: 2.2rem; display: block;}
.i04 .more{ margin-top:10px; }

.i04 .icne{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;}
.i04 .icne .left{width: 56%; padding:3%; background:#fff; border-top:6px solid #999;}
.i04 .icne .left img{width: 100%;}
.i04 .icne .right{width: 40%; background:#fff; padding:3%; border-top:6px solid #999;}
.i04 .icne .right{ display: block;overflow: hidden;}
.i04 .icne .right a{ position:relative; margin-bottom: 35px; border-bottom:1px solid #ccc; padding-bottom:25px;display:block;}
.i04 .icne .right a .i04_t{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center; margin-bottom:15px;}
.i04 .icne .right a .i04_t span{ width:120px; height:30px; line-height:30px; border-radius:15px; text-align:center; border:1px solid #ccc; color:#666; position:relative;}
.i04 .icne .right a .i04_t span::before {content: " "; width:7px; height:7px; position: absolute;top: 12px;left:20px; background:#999;transition: all .6s; z-index:1; border-radius:50%;}
.i04 .icne .right a .i04_t p{ font-size:14px; color:#666;}
.i04 .icne .right a:hover .i04_t span { background:#023c72; color:#fff; }
.i04 .icne .right a:hover .i04_t span::before {background:#fff;}
.i04 .icne .right a::before {content: " "; width:0; height:1px; position: absolute;bottom: 0;left: 0; background:#023c72;transition: all .6s; z-index:1;}
.i04 .icne .right a:hover::before { width:100%; }
.i04 .icne .right a p{display: block;width: 20%; overflow: hidden;  }
.i04 .icne .right a p img{transition: all .3s;}
.i04 .icne .right a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.i04 .icne .right a .text{ display: block;overflow: hidden;width: 100%;}
.i04 .icne .right a .text h3{ display: block;color: #333;font-size: 20px; font-weight:normal;}
.i04 .icne .right a:hover .text h3{ color:#023c72; }
.i04 .icne .right a .text .date{ display: block;overflow: hidden;color: #666;font-size: 14px;margin: 10px 0 0;}

/* footer */
.footer {padding: 40px 0;position: relative;overflow: hidden; background:#1a1a1a; background-size: cover; background-position: center; margin:0;}
.footer .icenter{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between; position: relative; z-index: 3; }
.footer .fo01 { width:35%;}
.footer .fo01 .f_nav a {font-size: 14px;color: #ededed; padding:0 10px; position:relative;display: inline-block;}
.footer .fo01 .f_nav a::before {right: 0px; top:6px; position: absolute; content: ""; width: 1px; height: 10px; background:#fff;}
.footer .fo01 .f_nav a:hover {color: #023c72;}
.footer .fo02 { width:65%;font-size: 14px;}
.footer .fo02 .le {display: flex;align-items: center; justify-content: flex-end;color: #fff;}
.footer .fo02 .le a {font-size: 14px;color: #ededed;margin-right: 14px;}



/* n_banner */
.n_banner {position: relative;overflow: hidden;}    
.n_banner img { width:100%;animation: mysacle 4s ease both;}


.n_main{ width:100%; position:relative; margin:0;}
.n_bg{ background:#f5f5f5;}

/* n_nav */
.n_nav {background: #fff;position: relative;} 
.n_nav a {z-index: 1;}	
.n_nav .box {display: flex;align-items: center; height:100px; line-height:100px;}
.n_nav .box a:nth-of-type(1) {margin-left: 0rem;}
.n_nav .box a { transition: 0.3s; margin: 0 0.8rem; font-size: 18px;color: rgba(54, 54, 54,0.5);position: relative;border-bottom: 0.3rem solid transparent;}
.n_nav .box a.active {color:#023c72;border-color:#023c72;}
.n_nav .box a:hover {color:#023c72;border-color:#023c72;}

/* n_about */
.n_about {width:100%; position: relative; min-height:350px; margin:60px 0;}
.n_about .box{position: relative; background: #fff; padding:30px;}
.n_about .n_tit {font-weight: bold;color: #28282b;padding-bottom: 2rem;position: relative;font-size: 36px;}
.n_about .n_tit::after {position: absolute;content: "";width: 80px;height: 5px;background-color:#023c72;left: 0px;bottom: 0px;}
.n_about .con { width:100%;position: relative; margin-top:60px; text-align:justify; line-height:30px; min-height:350px; padding-bottom:60px;}


/* n_pro */
.n_pro {width:100%; position: relative; background-color: #f5f5f5; min-height:350px; padding-bottom:100px; margin:90px 0;}
.n_pro .n_tit {font-weight: bold;color: #28282b;padding-bottom: 2rem;position: relative;font-size: 36px;}
.n_pro .n_tit::after {position: absolute;content: "";width: 5rem;height: 0.5rem;background-color:#023c72;left: 0px;bottom: 0px;}
.n_pro .con { width:100%;position: relative; margin-top:60px;}
.n_pro .con ul{display: flex;flex-wrap:wrap;align-items: center;}
.n_pro .con ul li{ width:33.333%; padding:25px; position:relative; background:#fff; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.n_pro .con ul li .img{position: relative;width: 100%;overflow: hidden;}
.n_pro .con ul li .img img{width: 100%;height: 100%;transition: all 0.36s;}
.n_pro .con ul li:hover .img img{transform: scale(1.1);}
.n_pro .con ul li .img .tou{position: relative;top: 0;left: 0;}
.n_pro .con ul li .img .shi{position: absolute;top: 0;left: 0;}
.n_pro .con ul li .tit{ font-size:17px; color:#000; margin-top:5px; height:30px; line-height:30px; overflow:hidden;}
.n_pro .con ul li .txt{ font-size:14px; color:#999; height:30px; line-height:30px; overflow:hidden;}


.n_pro_show { width:100%; position:relative; margin:60px auto;}
.n_pro_show .box {padding:30px; background:#fff; position: relative;}
.n_pro_show .con {display: flex;justify-content: space-between;position: relative;}
.n_pro_show .con .img {display: block;line-height: 1;overflow: hidden;width: 50.57%;}
.n_pro_show .con .img img {display: block;width: 100%;height: auto;}
.n_pro_show .con .intro {box-sizing: border-box;padding-top: 25px;width: 45.85%;background: #fff;z-index: 2;}
.n_pro_show .con .intro strong {display: block;margin-bottom: 30px;line-height: 1.1;color: #333333;font-size: 24px;}
.n_pro_show .con .intro .txt {color: #666666;font-size: 16px;text-align: justify;}

.n_pro_show .p_detail .list-select{height:50px;padding:0;margin-top:30px; background:#e8e8e8;}
.n_pro_show .p_detail .list-select .item{ width:120px; text-align:center; position:relative;height:100%;line-height:50px;font-size:15px;background:#023c72;color:#fff;}
.n_pro_show .p_detail .p_txt{ width:100%;line-height:30px; min-height:350px; padding-bottom:50px; margin:30px auto;}

.n_more {display: block;width: 138px;height: 41px;line-height: 41px;border: 1px solid #DDDDDD;text-align: center;color: #999999;font-size: 14px;transition: 0.36s; margin-top:90px;}
.n_more:hover {border-color: #023c72;background: #023c72;color: #fff;}


.n_news {width:100%; position: relative; min-height:350px; margin:60px 0;}
.n_news .box{position: relative; background: #fff; padding:30px;}
.n_news .n_tit {font-weight: bold;color: #28282b;padding-bottom: 2rem;position: relative;font-size: 36px;}
.n_news .n_tit::after {position: absolute;content: "";width: 80px;height: 5px;background-color:#023c72;left: 0px;bottom: 0px;}
.n_news .con { width:100%;position: relative; text-align:justify; line-height:30px; min-height:350px; padding-bottom:60px;}
.n_news .con .list {padding:0;position: relative;}
.n_news .con .list dl dd a{display: flex;justify-content: space-between;align-items: center;}
.n_news .con .list dl dd {padding: 6rem 0;border-bottom: 0.1rem solid #dddddd;}
.n_news .con .list dl dd .img{position: relative;width: 30%;overflow: hidden; margin-right:5%;}
.n_news .con .list dl dd .img img{width: 100%;height: 100%;transition: all 0.36s;}
.n_news .con .list dl dd:hover .img img{transform: scale(1.1);}
.n_news .con .list dl dd .img .tou{position: relative;top: 0;left: 0;}
.n_news .con .list dl dd .img .shi{position: absolute;top: 0;left: 0;}
.n_news .con .list dl dd .text {width: 65%;}
.n_news .con .list dl dd .text h3 {font-size: 28px;color: #333333;font-weight: bold;}
.n_news .con .list dl dd a:hover .text h3 {color: #023c72;}
.n_news .con .list dl dd .text .date {font-size: 18px;font-family: arial;color: #666666;margin: 20px 0 10px;}
.n_news .con .list dl dd .text p {font-size: 16px;color: #666666;line-height:30px;margin-bottom:60px;}
.n_news .con .list dl dd .text .more01{width: 180px; height:50px; line-height:50px; border-radius:30px; border:1px solid #d3d3d3; text-align:center;}
.n_news .con .list dl dd .text .more01 span{ color: #333;}
.n_news .con .list dl dd a:hover .text .more01 {background-color: #023c72;}
.n_news .con .list dl dd a:hover .text .more01 span {color: #fff;}
.n_news .con .list dl dd a:hover .more01 span { color: #fff; }


/* n_localhost */
.n_localhost{ width:100%; position:relative; padding-top:150px;}
.n_localhost .position{ line-height:35px; font-size:16px; color:#444;display: flex;}
.n_localhost .position img{ width:16px; height:20px; position:relative; top:7px; margin-right:10px;}
.n_localhost .position a{ font-size:16px; color:#444; margin:0 5px;}
.n_localhost .position em{ font-size:16px; color:#444;}
.n_localhost .position a:hover{ color:#023c72; }

/* n_news_show */
.n_news_show{ width:100%; position:relative;overflow: hidden; margin: 30px auto 90px;}
.n_news_show .box{position: relative; background: #fff; padding:30px;}
.n_news_show .text { width:100%; position:relative;z-index: 1; border-bottom:1px solid #ccc; padding-bottom:30px; margin-bottom:30px; }
.n_news_show .text h4 {font-size: 38px; font-weight: bold;margin-bottom: 1.4rem;color: #333;}
.n_news_show .text h5 {font-size: 18px; display: flex; color: #666;}
.n_news_show .text h5 span {color: #666;}
.n_news_show .txt{ width:100%; position:relative; color: #333; font-size: 16px; line-height: 35px; text-align:justify; min-height:350px; padding-bottom:50px;}
.n_news_show .txt img{ display: block; width: auto; max-width: 100%; margin: auto; height: auto;}
.n_news_show .sxy{ display: block; overflow: hidden; margin-top: 8rem; border-top: 0.1rem solid #ddd;  }
.n_news_show .sxy a{ display: block; color: #666; border-bottom: 0.1rem solid #ddd; padding: 1.6rem 0; font-size: 18px;}
.n_news_show .sxy a:hover {color:#023c72;}
.n_news_show .bottomfx{display: block;margin-top: 3rem;}
.n_news_show .bottomfx .more02 { width:200px; height:60px; line-height:60px; border-radius:30px; border: 1px solid #d3d3d3; position: relative;transition: all .6s; text-align:center;font-size: 16px;color:#333;}
.n_news_show .bottomfx .more02:hover { background:#023c72; color:#fff;}



.n_tit {font-weight: bold;color: #28282b;padding-bottom: 2rem;position: relative;font-size: 36px;}
.n_tit::after {position: absolute;content: "";width: 80px;height: 5px;background-color:#023c72;left: 0px;bottom: 0px;}

.ab01 {padding: 90px 0;position: relative;overflow: hidden;}
.ab01::after {    position: absolute; content: ""; height: 100%; width: calc( 100% - (100% - 1300px)/2); right: 0px; top: 0px; background-color: #eee;}
.ab01 .box {display: flex;justify-content: space-between;align-items: center;}
.ab01 .le { z-index: 4; position: relative; width: 50.5%;}
.ab01 .le .img {width: 100%;}
.ab01 .le .img img{width: 100%;}
.ab01 .ri {position: relative; z-index: 1; width: 45%;}
.ab01 .ri .wen { position: absolute; right: 0px; top: -8rem; font-size: 12rem; color: #fff; z-index:-1;}
.ab01 .ri h3 {font-size: 36px;}
.ab01 .ri p {font-size: 16px;line-height: 3rem;color: #666666;margin-top: 2.4rem;}

.ab03 { padding: 12rem 0 6rem;position: relative;overflow: hidden;background: url(ab03_bg.jpg);background-size: cover; background-position: center;}
.ab03 dl {display: flex;flex-flow: wrap;justify-content: space-between;}
.ab03 dl dd {width: 22%;margin-bottom: 7rem;}
.ab03 dl dd h4 { align-items: flex-end;display: flex;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.5);}
.ab03 dl dd h4 strong { font-size: 60px; color:#fff; margin-right: 1rem; line-height: 5.1rem;}
.ab03 dl dd h4 sub {font-size: 18px;color: #fff;}
.ab03 dl dd h5 { width: 72%;font-size: 16px;color: #fff;padding-top: 1.5rem;position: relative;}
.ab03 dl dd h5::before {position: absolute;content: "";top: 0px;left: 0px;width: 7rem;height: 1px;background-color: var(--dex);}

.ab04 {margin:90px 0 60px;position: relative;overflow: hidden;}
.ab04 .botF { width: 100%; margin: auto; position: relative;}
.ab04 .ab04Swiper-button-prev {left: -5rem; background:#023c72; width:4.8rem; height:4.8rem; border-radius:50%; color:#727272; display:flex; justify-content:center; align-items: center; top: 43%; bottom: 0px;}
.ab04 .ab04Swiper-button-next {right: -5rem; background:#023c72; width:4.8rem; height:4.8rem; border-radius:50%; color:#727272; display:flex; justify-content:center; align-items: center; top: 43%; bottom: 0px;}
.ab04 .ab04Swiper-button-prev:hover  {background:#0356a3;color: #fff;}
.ab04 .ab04Swiper-button-next:hover  {background:#0356a3;color: #fff;}
.ab04 .bot {width: 100%; margin:60px auto;padding:8px 0;overflow: hidden;}
.ab04 .bot .box{box-shadow: -2px 2px 20px #dcdcdc;}
.ab04 .bot .imgbox {width:100%;}
.ab04 .bot .imgbox img {width: 100%;}
.ab04 .bot .box .tit {width: 100%;color: #333333;font-size: 18px; height:60px; line-height:60px;text-align: center;} 
.ab04 .bot .box:hover .tit {color:#023c72;}

/* ab05 */
.ab05{width: 100%;box-sizing: border-box;position: relative;padding: 100px 0;}
.ab05:after{content: '';display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: url(ab06bg.jpg) no-repeat;background-size: cover;z-index: 1;}
.ab05 .n_tit {font-weight: bold;color: #28282b;padding-bottom: 2rem;position: relative;font-size: 36px; text-align:center;z-index: 2;}
.ab05 .n_tit::after {position: absolute;content: "";width: 6%;height: 5px;background-color:#023c72;left: 47%;bottom: 0px;}
.ab05 .con{margin: auto;position: relative;z-index: 2;}
.ab05 .con ul{width: 100%;margin-top: 40px;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.ab05 .con ul li{width: 32%;margin-right: 2%;background-color: #ffffff;padding: 50px 0;text-align: center;position: relative;margin-bottom: 2%;}
.ab05 .con ul li .cont{position: relative;z-index: 1;width: 100%;box-sizing: border-box;padding: 0 20px;}
.ab05 .con ul li:nth-of-type(3n){margin-right: 0;}
.ab05 .con ul li p{font-size: 12px;color: #aaaaaa;margin-bottom: 10px;}
.ab05 .con ul li h3{font-size: 24px;color: #222222;font-weight: bold;}
.ab05 .con ul li strong{display: block;width: 20px;height: 2px;background-color: #ea5412;margin: 20px auto;}
.ab05 .con ul li h4{ width:80%; margin:0 auto;font-size: 15px;line-height: 30px;color: #666666;}
.ab05 .con ul li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: linear-gradient(to right, #023c72, #035eb2);z-index: 0;opacity: 0;transition: all .3s;}
.ab05 .con ul li:hover:after{opacity: 1;}
.ab05 .con ul li:hover p,.ab05 .con ul li:hover h3,.ab05 .con ul li:hover h4{color: #ffffff;}
.ab05 .con ul li:hover strong{background-color: #ffffff;}


/* xiazai */
.xiazai ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 60px;}
.xiazai ul li{width: 49.375%;height: 110px;border: 1px solid #e8e8e8;margin-bottom: 20px;background: #f7f9fc;}
.xiazai ul li a{display: flex;align-items: center;height: 100%;background: #fff;justify-content: space-between;}
.xiazai ul li a .img{position: relative;width: 130px;display: flex;align-items: center;justify-content: center;}
.xiazai ul li a .img::after{position:absolute;width:1px;height:50px;background:#e8e8e8;content: "";right: 0;top: 50%;transform: translateY(-50%);}
.xiazai ul li a .img img:nth-of-type(2){position: absolute;top: 0;opacity: 0;}
.xiazai ul li a .txt{width: 78.5%;display: flex;align-items: center; margin-left:30px; color:#333; font-size:18px;}
.xiazai ul li:hover a{background: url(jianb.jpg) center no-repeat;background-size: cover;}
.xiazai ul li:hover a .img img:nth-of-type(1){opacity: 0;}
.xiazai ul li:hover a .img img:nth-of-type(2){opacity: 1;}
.xiazai ul li:hover a .txt{color: #fff;}
.xiazai ul li:hover a .img::after{background: rgba(255, 255, 255, 0.3);}

/* join */
.join{width: 100%;margin:0 auto;position: relative;}
.join_list{width: 100%;margin: auto;text-align: left;background: #ffffff;border-radius: 4px;overflow: hidden;}
.join_list .item{ display:flex;transition: all 0.3s; background:#eee; margin-bottom:10px;}
.join_list .item .tit{ width:30%; height:70px; line-height:70px; font-size:18px; padding-left:30px;}
.join_list .item:hover{background: #023c72;color: #fff;}
.join_list .item:hover .icon span{background-image: url(xia02.png);}
.join_list .item .icon{text-align: center; width:10%;}
.join_list .item .icon span{display: inline-block;width: 15px;height: 15px;background: url(xia.png) no-repeat center;transition: all 0.3s;}
.join_list .item .icon span.open{background-image: url(xia01.png);}
.join_list .zhankai .xiangxi{background: #fafafa;font-size: 16px;padding:30px 30px 60px; line-height:30px;}



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

	.icenter {width: 90%;margin:0 auto;position: relative;}
	
    /* head */
    .head .logo { width: 300px; }
    .head .sub dl dd a { font-size: 14px;   width: 25rem;}
    .head .sub dl dd { line-height: 5.4286rem; }


	/* ind01 */
	.ind01 .icenter{height:70vh;}
	.ind01 .le{ padding:30px 30px;}
	.ind01 .le h3 { font-size: 24px;}
	.ind01 .le p { font-size: 12px;line-height: 2.5rem;}
	.ind01 .ri ul li{ height:35vh; padding:15px 35px; }
	.ind01 .ri ul li .tit{ margin-top:5px; height:20px; line-height:20px;}
	.ind01 .ri ul li .txt{ height:20px; line-height:20px;}

	/* ind02 */
	.ind02 .icenter{height:70vh;}
	.ind02 .le{ padding:30px 30px;}
	.ind02 .le h3 { font-size: 24px;}
	.ind02 .le p { font-size: 12px;line-height: 2.5rem;}
	.ind02 .ri ul li{ height:35vh; padding:15px 35px; }
	.ind02 .ri ul li .tit{ margin-top:5px; height:20px; line-height:20px;}
	.ind02 .ri ul li .txt{ height:20px; line-height:20px;}


	/* ind03 */
	.ind03 .icenter{height:70vh;}
	.ind03 .le{ padding:30px 30px;}
	.ind03 .le h3 { font-size: 24px;}
	.ind03 .le p { font-size: 12px;line-height: 2.5rem;}
	.ind03 .ri ul li{ height:35vh; padding:15px 35px; }
	.ind03 .ri ul li .tit{ margin-top:5px; height:20px; line-height:20px;}
	.ind03 .ri ul li .txt{ height:20px; line-height:20px;}


	/* ind04 */
	.ind04 .icenter{height:70vh;}
	.ind04 .le{ padding:30px 30px;}
	.ind04 .le h3 { font-size: 24px;}
	.ind04 .le p { font-size: 12px;line-height: 2.5rem;}
	.ind04 .ri ul li{ height:35vh; padding:15px 35px; }
	.ind04 .ri ul li .tit{ margin-top:5px; height:20px; line-height:20px;}
	.ind04 .ri ul li .txt{ height:20px; line-height:20px;}



}