/* CSS Document */
*{padding:0;margin:0;font-family:"思源黑体";}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li { margin: 0; padding: 0; list-style: none; }
html{ background:#fff;} 
li {list-style: none;}
a {text-decoration: none; color:#4c4c4c;}
body,html {height: 100%;font-size: 12px;}
 
.wrap{ width:1000px; margin:0 auto;}
.wrap1{ width:1160px; margin:0 auto;}


/* header */ 
.header{ width:100%; position:relative;}
.header .wrap1{ height:85px; position:relative; background:#fff; z-index:10;display: flex; justify-content:space-between;}
.header .wrap1 .logo{ height:52px; width:234px; margin-right:10px; padding-top:17px;}
.header .wrap1 .logo img{ width:234px;}
.header .wrap1 .nav{ height:85px;width: calc(100% - 244px);}
.header .wrap1 .nav ul{display: flex;flex-wrap:wrap; justify-content:flex-end;align-items: center;}
.header .wrap1 .nav ul li{ display:block; height:85px;}
.header .wrap1 .nav ul li a{ display:block;padding:0px 10px; height:85px; line-height:85px; font-size:14px; color:#666;}
.header .wrap1 .nav ul li a:hover{ background:#ff7f3f; color:#fff;}
.header .wrap1 .nav ul li:last-child a{background:#ff7f3f; color:#fff;}


/* banner */
.banner { width:100%; position:relative; margin-top:-85px;}
.banner .box{ width:100%; position:relative;}
.banner .box img{ width:100%; z-index:-1;}

/* ind01 */
.ind01{ padding:20px 0px 46px; border-bottom:1px solid #e0e0e0;}
.ind01 ul{ width:100%;display: flex;justify-content:space-between;}
.ind01 ul li{ width:24%; position:relative;}
.ind01 ul li .tit{ height:40px; line-height:40px; overflow:hidden; font-size:20px; color:#0361aa; font-weight:bold;}
.ind01 ul li .img{ width:100%; position:relative; margin-bottom:16px;} 
.ind01 ul li .img img{position:absolute;left:0;top:0;width:100%;height:100%;}
.ind01 ul li .img .hezi{padding-bottom: 75% !important;}
.ind01 ul li .sum{ margin-left:10px; line-height:20px; height:60px; overflow:hidden;}
.ind01 ul li .sum a:hover{ color:#ff7f3f;}

/* ind02 */
.ind02{ background:#eeeeee; padding:30px 0 40px;}
.ind02 .wrap{display: flex;justify-content:space-between;}
.ind02 .intro{ width:655px; border-right:2px solid #e0e0e0; background:#fff; position:relative; z-index:3; height:210px;}
.ind02 .intro .tit{  height:38px;display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.ind02 .intro .tit a{ width:94px; height:37px; line-height:37px; text-align:center; font-size:14px; background:#fff;}
.ind02 .intro .tit .a1{ background:#ff7f3f; color:#fff;border-right:1px solid #ff7f3f;border-bottom:1px solid #ff7f3f;} 
.ind02 .intro .tit .a2:hover{ color:#ff7f3f;}
.ind02 .intro .box{ display: flex;flex-wrap:wrap; justify-content:space-between; padding:10px;}
.ind02 .intro .box .img{ width:175px; position:relative;}
.ind02 .intro .box .img img{ width:100%;}
.ind02 .intro .box .txt{ width:440px; font-size:13px;line-height:20px;}
.ind02 .intro .box .txt strong{ font-size:16px;}
.ind02 .kehu{ width:310px; height:210px; position:relative; z-index:6;}
.ind02 .kehu .tit{ width:96px; height:38px; text-align:center; line-height:38px; color:#fff; background:#0361aa; position:absolute; left:0; top:0; z-index:15; font-size:14px;}
.ind02 .kehu .kehu-swiper .swiper-slide { width: 100%; position:relative;}
.ind02 .kehu .kehu-swiper .swiper-slide img { width: 100%;}
.ind02 .kehu .kehu-swiper .kehu-pagination {bottom:10px !important;}
.ind02 .kehu .kehu-swiper .kehu-pagination .swiper-pagination-bullet {width:10px;height:10px;border-radius:50%;background:#fff;opacity:1;margin:0 5px;}
.ind02 .kehu .kehu-swiper .kehu-pagination .swiper-pagination-bullet-active {background:#0361aa;}

/* footer */
.footer{ background:#999999; padding:15px 0; }
.footer .wrap{display: flex;flex-wrap:wrap; justify-content:space-between;}
.footer .fo1{ width:58%; margin-right:4%;}
.footer .fo1 a{ line-height:22px; color:#fff;}
.footer .fo1 span{ line-height:22px; color:#fff;}
.footer .fo2{ width:38%;display: flex;justify-content: flex-end;}
.footer .fo2 a{ padding:0px 10px; color:#fff; border-right:1px solid #fff; height:14px; line-height:14px;}
.footer .fo2 a:last-child{ border:none;}
.footer .fo2 a:hover{ color:#7c7c7c;} 

 
/*n_banner*/
.n_banner{ width:100%; position:relative; z-index:5; height:500px; margin-top:-85px; }
.n_banner .img{ width:100%;}
.n_banner .img img{ width:100%;}


/*n_nav*/
.n_nav{ height:60px; line-height:60px; border-bottom:1px solid #e6e6e6; margin-bottom:60px;}
.n_nav .wrap{display: flex;justify-content:space-between;}
.n_nav .menu{width: calc(100% - 120px);display: flex;}
.n_nav .menu a{ display:block; margin-right:30px; height:60px; font-size:14px; }
.n_nav .menu a.on{border-bottom:2px solid #ff7f3f;}
.n_nav .menu a:hover{border-bottom:2px solid #ff7f3f;}
.n_nav .local{ width:120px; text-align:right; color:#4c4c4c;}
.n_nav .local a:hover{color:#ff7f3f} 

.n_about{ width:100%; position:relative;}
.n_about .n_tit{font-size:26px; margin-bottom:30px;}
.n_about .txt{ width:100%; min-height:300px; text-align:justify; line-height:30px; padding-bottom:50px;}

.n_about .txt img{ max-width:100%;}