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

*{padding: 0px;margin: 0px;font-family:"思源黑体";}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, 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;}
body,html {height: 100%;width: 100%;font-size: 12px; background:url(bg.jpg) repeat;}

img{vertical-align: middle;}

.icen {width: 100%; max-width:1000px; margin:0 auto;}

.header{ width: 100%;position:relative;}
.header .nav{ width:100%; position:relative;height: 80px; background:url(menu.jpg) no-repeat;}
.header .nav ul{ width:100%; position:relative;display: flex;justify-content: center;align-items:center; }
.header .nav ul li{ width:100%;position:relative;height: 80px; line-height:100px; text-align:center;}
.header .nav ul li a{ display:block; width:100%; font-size:15px; font-weight:700;color: #fff;position:relative;transition:.6s;}
.header .nav ul li a:before{position:absolute; left:50%;transform: translateX(-50%); bottom:35px;width: 0;height: 2px;content: '';transition: all .3s ease-out 0s;background: #ce2029;}
.header .nav ul li a:hover{color: #ce2029;}
.header .nav ul li.on a{color: #ce2029;}
.header .nav ul li a:hover:before{ width:60px;}


.banner{ width:100%;position:relative;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img{width:100%;}
.banner .swiper-slide .img img{width:100%; z-index:0;}
.banner .banner_swiper .banner-pagination {bottom:20px !important;}
.banner .banner_swiper .banner-pagination .swiper-pagination-bullet {width:30px;height:10px;border:1px solid #e2e6fb;border-radius:0;background:transparent;opacity:1;margin:0 5px;}
.banner .banner_swiper .banner-pagination .swiper-pagination-bullet-active {background:#e2e6fb;}


.main .icen{display: flex; flex-wrap:wrap;justify-content: space-between; margin-top:20px; padding:10px; background:#fff;box-shadow: -2px 2px 20px #dcdcdc;}
.i_tit{ width:100%; position:relative; display:flex;}
.i_tit h1{ width:100%; position:relative; font-size:15px;color:#979805; padding-left:20px;}
.i_tit h1:before{ content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:#979805; left:0;top:5px; transition:.5s; z-index:1;}
.i_tit a { width:50px; font-size:12px; margin-left:auto; color:#fff; text-align:center; background:#999; border-radius:5px; padding:0;}
.i_tit a:hover { color:#ce2029;}

.ind01 {width:30%;position: relative;}
.ind01 .con{ width:100%; position:relative; margin-top:10px;}
.ind01 .con ul{ width:100%; position:relative;}
.ind01 .con ul li{ width:100%; line-height:25px; border-bottom:1px dotted #ccc;} 
.ind01 .con ul li a{ width:100%;display: flex;justify-content: space-between; align-items:center;} 
.ind01 .con ul li a .tit{ width:80%; position:relative; font-size:12px; color:#333; padding-left:15px;}
.ind01 .con ul li a .tit:before{ content:""; position:absolute; width:4px; height:4px; border-radius:50%; background:#555; left:0;top:10px; transition:.5s; z-index:1;}
.ind01 .con ul li a .img{ width:20%; text-align:right; color:#333;} 
.ind01 .con ul li a .img img{ width:5px;} 
.ind01 .con ul li:hover .tit{ color:#b3653f;} 
.ind01 .box{ width:100%; position:relative; margin-top:10px;}
.ind01 .box ul{ width:100%; position:relative;display: flex; flex-wrap:wrap;justify-content: space-between;}
.ind01 .box ul li{ width:49%; position:relative; margin-bottom:10px; border:1px solid #eee;} 
.ind01 .box ul li .img{ width:100%; position:relative;} 
.ind01 .box ul li .img img{position:absolute;left:10%;top:10%;width:80%;height:80%;}
.ind01 .box ul li .img .hezi{padding-bottom: 67% !important;}
.ind01 .box ul li .tit{ width:100%; position:relative; font-size:12px; color:#b3653f; text-align:center;}

.ind02 {width:30%;position: relative;}
.ind02 .box1{ margin-bottom:20px;}
.ind02 .box2{ margin-bottom:20px;}
.ind02 .box{display: flex; flex-wrap:wrap;justify-content: space-between;}
.ind02 .box .img { width:30%; position:relative; margin-top:5px;}
.ind02 .box .img img{ width:100%;}
.ind02 .box .con{ width:65%; position:relative;}
.ind02 .box .con ul{ width:100%; position:relative;}
.ind02 .box .con ul li{ width:100%; line-height:25px; border-bottom:1px dotted #ccc;} 
.ind02 .box .con ul li a{ width:100%; font-size:12px; color:#333;} 
.ind02 .box .con ul li:hover a{ color:#ce2029;}

.ind03 {width:30%;position: relative;}
.ind03 .con{ width:100%; position:relative; margin-top:10px;}
.ind03 .con ul{ width:100%; position:relative;display: flex; flex-wrap:wrap;justify-content: space-between;}
.ind03 .con ul li{ width:48%; position:relative; margin-bottom:10px;} 
.ind03 .con ul li .img{ width:100%; position:relative;} 
.ind03 .con ul li .img img{position:absolute;left:0;top:0;width:100%;height:100%;}
.ind03 .con ul li .img .hezi{padding-bottom: 67% !important;}


.footer { width:100%;position: relative; padding:40px 0 0;}
.footer .icen {display: flex; align-items:center;}
.footer .f01{ width:20%; margin-right:5%; display: flex;}
.footer .f02{ width:75%;color:#333;background:#fff;}
.footer .f02 p{ line-height:23px;}
.footer .f02 p a {font-size: 12px;color:#333;}
.footer .f02 p span{ padding:0 5px; line-height:20px;}


.n_banner { width:100%; position:relative;}
.n_banner img{ width:100%; display:block; margin:0; padding:0;}


.n_home { width:100%;font-size:12px;color: #747679; background:#f2f2f2; height:40px; line-height:40px; padding:0 20px; margin-bottom:30px;}
.n_home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_home a, .n_home i, .n_home em {font-size:12px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_home i{margin: 0 5px;font-style: normal; width: 4px; height: 6px; }
.n_home em { color: #333;font-style: normal;}

/*n_mian */ 
.n_main { width:100%; position:relative; margin:30px auto; }
.n_main .icen{ display: flex; justify-content: space-between;}
.n_main .n_tit{ width: 100%;background: #fff; position:relative; margin-bottom:50px; text-align:center; border-bottom:1px solid #e2e2e2; padding-bottom:30px;}
.n_main .n_tit span{font-size: 30px;color: #333; position:relative; padding-bottom:10px;}
	
.n_nav { width:25%; position: relative; background:url(menubg.jpg) no-repeat; background-cover:100% 100%; padding:40px 0; min-height:350px;}
.n_nav .box { width: 50%; margin-left:45%; text-align:center;}
.n_nav .box ul li { display: block; margin:0; padding:0; width: 100%; border-bottom:1px dotted #ccc;}
.n_nav .box ul li a { display: block; overflow: hidden; line-height:40px; color: #333; position: relative;}
.n_nav .box ul li a.active {color: #ce2029;}
.n_nav .box ul li a:hover {color: #ce2029;}

.n_about{ width:75%; position: relative; min-height:350px; padding-left:3%; padding-bottom:50px; text-align:justify; background:#fff; line-height:30px;}
.n_about .n_txt{ padding-right:20px;}
.n_about .n_txt img{ max-width:100%;}

 
.n_news{ width:100%; position:relative;}
.n_news ul{ width:100%; position:relative;}
.n_news ul li{ width:100%; line-height:30px; border-bottom:1px dotted #ccc;} 
.n_news ul li a{ width:100%;display: flex;justify-content: space-between; align-items:center;} 
.n_news ul li a .tit{ width:80%; font-size:12px; color:#333; position:relative; padding-left:20px}
.n_news ul li a .tit::before{content: "";width: 7px;height: 7px; border-radius:50%;background:#666;position: absolute;left: 2px;top:12px;}
.n_news ul li a .img{ width:20%; text-align:right; color:#999; padding-right:2px;} 
.n_news ul li:hover .tit{ color:#ce2029;}