/* base公共样式 */
@font-face {
    font-family: 'MiSans';
    src: url('mulish.woff2') format('truetype');
}

* {padding: 0;margin: 0;  box-sizing: border-box;}
html {font-size: calc(100vw/19.2);}
@media (min-width: 1921px) {html {font-size: 100px;}}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
body {background: #f7f7f7;color: #212121;font-size: 14px;font-family:MiSans;}
@media (max-width: 1440px) {body {font-size: 14px;}}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline;text-decoration: none;}
i {font-style: normal;}
ol,ul,li {list-style: none;} 


.icen {max-width: 1200px;width: 100%; position:relative;padding:0 10px;margin:0 auto;}
 
/* header */
.header{width: 100%;position: relative;}
.header .box{display: flex;justify-content: space-between;align-items: center; padding:0.15rem 0;}
.header .logo{width:50%; position:relative;}
.header .logo .img{display: flex; align-items: center; position:relative; font-size:0.2rem; color:#666;}
.header .logo .img a{ position:relative;}
.header .logo .img a img{width: 2rem; position:relative; padding-right:0.3rem; margin-right:0.3rem;}
.header .logo .img a:before{content:"";position:absolute;width:1px;height:40px;background:#999;right:0.3rem;top:0.2rem;transition:.5s;z-index:1;}
.header .logo .logo02{display: none;}
.header .sou{width:50%; position:relative;}
.header .sou form { width:300px; position: relative; }
.header .sou form input { padding: 0 20px; color: #f29911; outline: none; border: 0px; font-size: 16px; width: 300px; height: 40px; line-height: 40px; background: rgb(232, 232, 232);}
.header .sou form button { cursor: pointer; background: none; outline: none; color: #333; border: 0px; font-size: 23px; color: #333; position: absolute; right:20px; top: 50%; transform: translateY(-50%); }
.header .sou form button:hover { color: var(--dex); }
.header .sou form input::-webkit-input-placeholder { font-size: 16px; color: #333; }
.header .nav{ width:100%; position:relative; background:#e0e1e3; border-top:6px solid #0171a3;}
.header .nav .ul{display: flex;justify-content: flex-start;align-items: center; border-right:1px solid #ccc;}
.header .nav .ul .one{ width:100%;position: relative; text-align:center; border-left:1px solid #ccc;}
.header .nav .ul .one>a{ width:100%;display: block;height: 0.5rem;line-height: 0.5rem;font-size: 0.14rem;color: #333;position: relative;}
.header .nav .ul .one:hover>a{ background:#fff;}
.header .nav .ul .one .nav02{width:2.8rem;background:#fff;position:absolute;left:0;top:0.5rem;z-index:999;transform-origin:0 0 0;transform:scaleY(0.2);transition:all 0.4s;opacity:0;padding-bottom:0.03rem;}
.header .nav .ul .one .nav02 li a{display: block;width: 100%;font-size: 0.14rem;color: #666;line-height: 0.4rem;position: relative; text-align:left; padding-left:0.5rem; border-bottom:1px solid #ddd;}
.header .nav .ul .one .nav02 li a:before{ content:""; position:absolute; width:5px; height:9px; background:url(icon01.png) 100% no-repeat; left:0.1rem; top:0.15rem; transition:.5s; z-index:1;}
.header .nav .ul .one:nth-child(3):hover .nav02{opacity: 1;transform: translateY(0px);}

.header .nav .ul .two .nav03{width:2.8rem;background:#fff;position:absolute;left:100%;top:0;z-index:999;transform-origin:0 0 0;transform:scaleY(0.2);transition:all 0.4s;opacity:0;}
.header .nav .ul .two .nav03 a{display: block;width: 100%;font-size: 0.15rem;color: #666;line-height: 0.45rem;position: relative; text-align:left; padding-left:0.3rem;}
.header .nav .ul .two .nav03 a:hover{color: #15569d;background: #fff;}
.header .nav .ul .two:hover{ background:#e0e1e3;}
.header .nav .ul .two:hover .nav03{opacity: 1;transform: translateY(0px);}

 
/*banner*/
.banner{ width:100%; position:relative;}
.banner .swiper1{ width:100%;position:relative;}
.banner .swiper1 .swiper-slide { width:100%;position:relative;}
.banner .swiper1 .swiper-slide img{width:100%;height:6.4rem;}
.banner .swiper1 .banner-pagination {bottom:50px !important;}
.banner .swiper1 .banner-pagination .swiper-pagination-bullet {width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:transparent;opacity:1;margin:0 5px;}
.banner .swiper1 .banner-pagination .swiper-pagination-bullet-active { background:#f00;border:2px solid #f00;}

.main{max-width: 1200px;width: 100%; position:relative;padding:0 10px;margin:10px auto; background:#fff; border:1px solid #ccc;}

/* ind01 */
.ind01 {width:100%;position: relative; margin-top:40px;}
.ind01 .tit{ width:100%; position:relative; text-align:center;}
.ind01 .tit h1{ font-size:0.42rem; line-height:0.48rem; text-align:center; color:#444; font-weight:700;}
.ind01 .tit h2{ font-size:0.16rem; line-height:0.24rem; text-align:center; color:#333; margin-top:0.15rem;}
.ind01 .con{width:100%;position: relative; margin-top:0.3rem;}
.ind01 .con ul{ width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind01 .con ul li{ width:32%; margin-bottom:20px; border:1px solid #ccc; padding:10px;}
.ind01 .con ul li a{ display:flex; position:relative; overflow:hidden;}
.ind01 .con ul li a .img{ width:48%; position:relative; margin-right:4%; overflow:hidden;} 
.ind01 .con ul li a .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.ind01 .con ul li a .img .hezi{padding-bottom: 100% !important;}
.ind01 .con ul li a .txt{ width:48%; position:relative;}
.ind01 .con ul li a .txt h1{ font-size:0.18rem; font-weight:500; color:#333;} 
.ind01 .con ul li a .txt h2{ width:1rem; height:0.3rem; line-height:0.3rem; text-align:center; font-size:0.14rem; color:#333; background:#e0e1e3; margin-top:0.6rem;} 
.ind01 .con ul li a:hover .txt h1{ color:#f00;} 
.ind01 .con ul li a:hover .txt h2{ background:#0171a3; color:#fff;}


/* ind02 */
.ind02{ width:100%; position:relative;margin-top:0.2rem;}
.ind02 .tit{ width:100%; position:relative; border-bottom:1px solid #ccc; padding-bottom:0.1rem; margin-bottom:0.1rem;}
.ind02 .tit h1{ font-size:0.42rem; color:#444; font-weight:700;}
.ind02 .con{ width:100%; position:relative; display:flex; z-index: 6;}
.ind02 .con .top{ width:100%; text-align:center; font-size:40px; font-weight:bold; position:relative; padding-top:20px; color:#fff;}
.ind02 .con .top:before{ content:""; position:absolute; width:60px; height:4px; background:#fff; left:50%;transform:translateX(-50%); top:0; transition:.5s; z-index:1;}
.ind02 .con .txt{ width:48%; position:relative;font-size: 0.16rem;line-height: 0.25rem; color: #333; margin-right:4%;}
.ind02 .con .img{ width:48%; position:relative;}
.ind02 .con .img img{ width:100%;}
 

/* ind03 */
.ind03 {width:100%;position: relative; margin-top:0.3rem;display: flex;flex-wrap:wrap; justify-content: space-between;}
.ind03 .tit{ width:100%; position:relative; padding-bottom:0.1rem; margin-bottom:0.1rem;display: flex;align-items: center;}
.ind03 .tit h1{ position:relative; font-size:0.18rem; color:#444; font-weight:500; margin-right:0.1rem; padding-right:0.1rem;}
.ind03 .tit h1:before{ content:""; position:absolute; width:1px; height:15px; background:#ccc; right:0; top:0.05rem; transition:.5s; z-index:1;}
.ind03 .tit h2{ font-size:0.14rem; color:#666; font-weight:500;}
.ind03 .item {width:48%;position: relative;}
.ind03 .item1 ul {display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind03 .item1 ul li {width: 48%; position: relative; margin-bottom:0.2rem;}
.ind03 .item1 ul li a{width: 100%%; display: flex;align-items: center;}
.ind03 .item1 ul li .img{ width:50px; height:60px; position:relative; text-align:center;} 
.ind03 .item1 ul li .img h1{ background:#eeeeee; height:40px; line-height:40px; font-size:0.12rem;}
.ind03 .item1 ul li .img h2{ background:#e0e1e3; height:20px; line-height:20px; font-size:0.14rem;}
.ind03 .item1 ul li .txt {width: calc(100% - 50px); position:relative; margin-left:20px;font-size: 0.18rem;color:#000;}
.ind03 .item1 ul li:hover .txt {color: #0171a3;}
.ind03 .item2 ul {width: 100%; position: relative;}
.ind03 .item2 ul li {width: 100%; position: relative; border-bottom:1px dotted #ccc; font-size: 0.14rem;color:#333; margin-bottom:0.1rem; padding-bottom:0.1rem;}
.ind03 .item2 ul li:hover {color: #0171a3;}


/* ind04 */
.ind04{width:100%;position: relative; margin:0.1rem 0 0.4rem;}
.ind04 ul li{ padding:5px 0; line-height:26px; height:26px;}
.ind04 ul li img{ vertical-align:super; margin-right:5px;}
.ind04 ul li a{ display:inline-block; font-size:16px; width:90%; height:26px; overflow:hidden; color:#666;}
.ind04 ul li a:hover{ color:#0171a3;}

 /* footer */
.footer {width:100%;position: relative;background-image:linear-gradient(to bottom, #a0d1e6, #0171a3);}
.footer .top{width:100%;position: relative;display: flex; padding:0.3rem 0 0.6rem;}
.footer .fo01 { width:25%; position:relative; margin-right:3%;}
.footer .fo01 h1 {margin-bottom: 20px;}
.footer .fo01 h1 a { display: block; font-size:17px; color: #fff; font-weight: 500; position:relative;}
.footer .fo01 p a{ display:block;font-size: 14px;color:rgba(255,255,255,.5);line-height:30px;}
.footer .fo01 p a:hover {color:rgba(255,255,255,1);}
.footer .fo02 { width:35%; position:relative; color:rgba(255,255,255,.5); margin-right:3%;}
.footer .fo02 h1 {margin-bottom: 20px;}
.footer .fo02 h1 a { display: block; font-size:17px; color: #fff; font-weight: 500; position:relative;}
.footer .fo02 .box{width: 100%; display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.footer .fo02 .item{ width:49%;margin-bottom: 10px;position: relative; border:1px solid #ddd;}
.footer .fo02 .item:nth-child(3){ width:100%;}
.footer .fo02 .item:nth-child(4){ border:none;}
.footer .fo02 .inp{height: 35px;border:none;background: #e0e1e3;width: 100%;padding-left: 15px;font-size: 14px;color: #333;outline:none;}
.footer .fo02 textarea{height: 60px;border:none;background: #e0e1e3;width: 100%;padding-left: 15px; padding-top:15px; font-size: 14px;color:#333;outline:none;}
.footer .fo02 textarea::-webkit-input-placeholder {font-family:MiSans;}
.footer .fo02 .btn{width:150px;height: 30px;border:none;background: #0171a3;color: #fff;font-size: 14px;outline:none;transition:.3s;}
.footer .fo02 .btn:hover{background: #f1433c;}
.footer .fo03 { width:34%; position:relative;}
.footer .fo03 h1 {margin-bottom: 20px;}
.footer .fo03 h1 a { display: block; font-size:17px; color: #fff; font-weight: 500; position:relative;}
.footer .fo03 h2 { display: block; font-size:0.16rem; color: #fff; font-weight: 500; position:relative; padding:0.15rem 0; border-top:1px dotted #fff; border-bottom:1px dotted #fff; margin-bottom:0.3rem;}
.footer .fo03 p{ display:block;font-size: 0.14rem;color:#fff;line-height:0.3rem; position:relative;}
.footer .fo04 { width:100%; position:relative; padding:0.2rem 0; border-top:1px solid rgba(255,255,255,.2);color:#fff;}
.footer .fo04 .icen{display: flex;justify-content: space-between;align-items: center;}
.footer .fo04 .le {width: 50%;}
.footer .fo04 .le a{ margin-right:5px;}
.footer .fo04 .re { width:50%;color:#fff; text-align:right;}
.footer .fo04 .re a {font-size: 14px;color:#fff; line-height:25px;}


.n_banner{width: 100%;position: relative; z-index:-1;}
.n_banner img{width: 100%;display: block;}


.n_main{max-width: 1200px;width: 100%; position:relative;padding:0.25rem 0.2rem;margin:10px auto; background:#fff; border:1px solid #ccc; line-height:0.25rem; min-height:4rem;}
.n_about{width: 100%;position: relative; color:#333; line-height:30px; text-align:justify;}
.n_about img{ max-width:100%;}

 
/* n_news */
.n_news {width:100%;position: relative; display: flex;flex-wrap:wrap; justify-content: space-between;}
.n_news .tit{ width:100%; position:relative; padding-bottom:0.1rem; margin-bottom:0.2rem;display: flex;align-items: center; border-bottom:1px dotted #ccc;}
.n_news .tit h1{ position:relative; font-size:0.18rem; color:#444; font-weight:500; margin-right:0.1rem; padding-right:0.1rem;}
.n_news .tit h1:before{ content:""; position:absolute; width:1px; height:15px; background:#ccc; right:0; top:0.05rem; transition:.5s; z-index:1;}
.n_news .tit h2{ font-size:0.14rem; color:#666; font-weight:500;}
.n_news .item1 {width:63%;position: relative;}
.n_news .item1 .box ul li {width: 100%; position: relative; margin-bottom:0.3rem;}
.n_news .item1 .box ul li a{width: 100%%; display: flex;align-items: center;}
.n_news .item1 .box ul li .img{ width:50px; height:60px; position:relative; text-align:center;} 
.n_news .item1 .box ul li .img h1{ background:#eeeeee; height:40px; line-height:40px; font-size:0.12rem;}
.n_news .item1 .box ul li .img h2{ background:#e0e1e3; height:20px; line-height:20px; font-size:0.14rem;}
.n_news .item1 .box ul li .txt {width: calc(100% - 50px); position:relative; margin-left:20px;font-size: 0.18rem;color:#000;}
.n_news .item1 .box ul li:hover .txt {color: #0171a3;}

.n_news .item2 {width:33%;position: relative;}
.n_news .item2 ul {width: 100%; position: relative;}
.n_news .item2 ul li {width: 100%; position: relative; border-bottom:1px dotted #ccc; font-size: 0.14rem;color:#333; margin-bottom:0.1rem; padding-bottom:0.1rem;}
.n_news .item2 ul li:hover {color: #0171a3;}