@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: 14px;}

img{vertical-align: middle;}

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

.header{ width: 100%;position:relative;background:#fff;}
.header .top{ width:100%; position:relative; border-top:5px solid #333; display:flex;lign-items:center;justify-content:space-between;}
.header .top .le{width: calc(100% - 250px);}
.header .top .le ul{ width:100%; position:relative;display: flex;justify-content: flex-end;align-items:center; }
.header .top .le ul li{ padding-left:10px;position:relative;height: 40px; line-height:40px;}
.header .top .le ul li a{ display:block; width:100%; font-size:14px;color: #191919;position:relative;}
.header .top .le ul li a:hover{color: #15569d;}
.header .top .re{ width:250px; margin-left:30px;}
.header .top .re .soubox{ width:250px; height:32px; position:relative;margin-top:3px;margin-left:auto;}
.header .top .re .soubox input{ width:200px; height:30px; line-height:30px; vertical-align:middle;outline:none; padding-left:20px; background:#fff; border:none; font-size:14px; border:1px solid #ccc; }
.header .top .re .soubox button{ width:50px; text-align:center; height:32px; line-height:32px;margin-left:-5px; vertical-align:middle; outline:none; background: #15569d;font-size:14px; color:#fff; border:none;}
.header .bot{ display:flex;align-items:center;justify-content:space-between;height: 50px;}
.header .bot .logo{ width:30%;}
.header .bot .logo img{ width:280px; display:flex;align-items:center;}
.header .bot .nav{ width:70%;}
.header .bot .nav ul{ width:100%; position:relative;display: flex;justify-content: flex-end;align-items:center; }
.header .bot .nav ul li{ margin-left:15px;position:relative;height: 50px; line-height:55px;}
.header .bot .nav ul li a{ display:block; width:100%; font-size:15px; font-weight:700;color: #191919;position:relative;transition:.6s;}
.header .bot .nav ul li a:before{position:absolute;left:0; bottom:15px;width: 0;height: 2px;content: '';transition: all .3s ease-out 0s;background: #15569d;}
.header .bot .nav ul li a:hover{color: #15569d;}
.header .bot .nav ul li.on a{color: #15569d;}
.header .bot .nav ul li a:hover:before{ width:100%;}


.banner{ width:100%;position:relative; margin-top:10px;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img{width:100%;}
.banner .swiper-slide .img img{width:100%; z-index:0;}
.banner .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; width:100%; position:absolute; top:40%; left:0;}
.banner .hd span{width:40px;height:60px; transition:all .2s;cursor:pointer; z-index:5;display: flex;justify-content:center;align-items: center; background:rgba(0,0,0,0.5)}
.banner .hd span:hover{ background:rgba(0,0,0,0.8)}

.ind01 {width:100%;position: relative;}
.ind01 .icen {display: flex;justify-content: space-between; align-items: center; margin-top:3px; padding-top:20px; border-top:5px solid #999;}
.ind01 .icen ul{ width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind01 .icen ul li{ width:32%; position:relative;}
.ind01 .icen ul li a{ width:100%; display:block; position:relative; overflow:hidden;}
.ind01 .icen ul li a:after{ content:""; position:absolute; height:0; right:0; top:0; left:0; transition:.5s; z-index:1;}
.ind01 .icen ul li a .img{ position:relative; width:100%; overflow:hidden;} 
.ind01 .icen ul li a .img img{position:absolute;top:0;left:0;width:100%;height:100%;transition: 0.5s all ease-in-out;}
.ind01 .icen ul li a .img .hezi{padding-bottom: 50% !important;}
.ind01 .icen ul li a .txt{ position:absolute; left:0; right:0; top:70px; padding:0 15px 20px; z-index:2; transition:.5s; text-align:center; font-size:16px; font-weight:bold;color:#fff;}
.ind01 .icen ul li a .txt:before{ content:""; position:absolute; width:30px; height:1px; background:#fff; left:50%;transform:translateX(-50%); bottom:10px; transition:.5s; z-index:1;}
.ind01 .icen ul li a:hover:after{ height:100%; background:rgba(0,0,0,.2)} 

.main .icen{display: flex; flex-wrap:wrap;justify-content: space-between; margin-top:20px; padding-top:20px; border-top:5px solid #999;}
.i_tit{ width:100%; font-size:16px; position:relative; padding:5px 0; border-top:1px dotted #999; border-bottom:1px dotted #999; margin-bottom:20px; display:flex;}
.i_tit a { width:50px; font-size:14px; margin-left:auto; color:#666; text-align:right;}
.i_tit a:hover { color:#15569d;}

.ind02 {width:30%;position: relative; margin-bottom:10px;}
.ind02 .con { width:100%; position:relative;}
.ind02 .con .item { width:100%; position:relative; border-bottom:1px dotted #aaa; padding-bottom:15px; margin-bottom:15px;}
.ind02 .con .item h1{font-size: 14px;margin-bottom: 10px;position: relative; font-weight:normal; color:#777;}
.ind02 .con .item p{font-size:14px; color:#333;}
.ind02 .con .item a:hover p{ color:#15569d;}

.ind03 {width:30%;position: relative; margin-bottom:10px;}
.ind03 .con{ width:100%; position:relative; margin-top:20px;}
.ind03 .con ul{ width:100%; position:relative;display: flex; flex-wrap:wrap;justify-content: space-between;}
.ind03 .con ul li{ width:46%; line-height:33px; border-bottom:1px dotted #ccc;} 
.ind03 .con ul li a{ width:100%;display: flex;justify-content: space-between; align-items:center;} 
.ind03 .con ul li a .tit{ width:90%; font-size:14px; color:#333;}
.ind03 .con ul li a .img{ width:10%; text-align:right;} 
.ind03 .con ul li a .img img{ width:5px;} 
.ind03 .con ul li:hover .tit{ color:#15569d;} 

.ind04 {width:30%;position: relative; margin-bottom:10px;}
.ind04 .con{ width:100%; position:relative; margin-top:20px;}
.ind04 .con ul{ width:100%; position:relative;display: flex; flex-wrap:wrap;justify-content: space-between;}
.ind04 .con ul li{ width:46%; line-height:33px; border-bottom:1px dotted #ccc;} 
.ind04 .con ul li a{ width:100%;display: flex;justify-content: space-between; align-items:center;} 
.ind04 .con ul li a .tit{ width:90%; font-size:14px; color:#333;}
.ind04 .con ul li a .img{ width:10%; text-align:right;} 
.ind04 .con ul li a .img img{ width:5px;} 
.ind04 .con ul li:hover .tit{ color:#15569d;}

.ind05 {width:30%;position: relative;}
.ind05 .con{ width:100%; position:relative; margin-top:20px;}
.ind05 .con ul{ width:100%; position:relative;}
.ind05 .con ul li{ width:100%; line-height:33px; border-bottom:1px dotted #ccc;} 
.ind05 .con ul li a{ width:100%;display: flex;justify-content: space-between; align-items:center;} 
.ind05 .con ul li a .tit{ width:90%; font-size:14px; color:#333;}
.ind05 .con ul li a .img{ width:10%; text-align:right;} 
.ind05 .con ul li a .img img{ width:5px;} 
.ind05 .con ul li:hover .tit{ color:#15569d;} 

.ind06 {width:30%;position: relative;}
.ind06 .con{ width:100%; position:relative; margin-top:20px;}
.ind06 .con ul{ width:100%; position:relative;}
.ind06 .con ul li{ width:100%; line-height:33px; border-bottom:1px dotted #ccc;} 
.ind06 .con ul li a{ width:100%;display: flex;justify-content: space-between; align-items:center;} 
.ind06 .con ul li a .tit{ width:90%; font-size:14px; color:#333;}
.ind06 .con ul li a .img{ width:10%; text-align:right;} 
.ind06 .con ul li a .img img{ width:5px;} 
.ind06 .con ul li:hover .tit{ color:#15569d;} 
 
.ind07 {width:30%;position: relative;}
.ind07 .con{ width:100%; position:relative; margin-top:20px;}
.ind07 .con h2{ font-size:14px; color:#333; position:relative; margin-bottom:10px;}
.ind07 .con ul{ width:100%; position:relative;}
.ind07 .con ul li{ width:100%; line-height:33px; border-bottom:1px dotted #ccc; font-size:14px; color:#333;} 
 
.footer { width:100%;position: relative; padding:10px 0;}
.footer .icen { padding-top:15px; border-top:1px solid #ccc;}
.footer .icen .con{ width:100%;color:#333;display: flex;align-items: center; background:#fff;}
.footer .icen .con .cop{ padding-right:10px; line-height:20px;}
.footer .icen .con a {font-size: 12px;color:#333;}
.footer .icen .con span{ padding:0 5px; line-height:20px;}


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

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

.n_home .soubox{ width:250px; height:32px; position:relative;margin-top:-2px;margin-left:auto;}
.n_home .soubox input{ width:200px; height:30px; line-height:30px; vertical-align:middle;outline:none; padding-left:20px; background:#fff; border:none; font-size:14px; }
.n_home .soubox button{ width:50px; text-align:center; height:32px; line-height:32px;margin-left:-5px; vertical-align:middle; outline:none; background: #15569d;font-size:14px; color:#fff; border:none;}

/*n_mian */ 
.n_main { width:100%; position:relative; margin:20px 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;}
.n_nav .box1{ background:#fff; border:1px solid rgba(0,0,0,0.1);}
.n_nav .box1 h1 {width: 100%;background:#15569d;height:45px;line-height:45px;text-align:center;font-size:17px;font-weight:normal;color:#fff;}
.n_nav .box1 ul li { display: block; margin:0; padding:0; width: 100%;border-top: 1px solid #ddd;}
.n_nav .box1 ul li a { display: block; overflow: hidden; line-height:40px; color: #333; position: relative;padding-left: 15px;}
.n_nav .box1 ul li a.active {color: #15569d;background:#f5f5f5; }
.n_nav .box1 ul li a:hover {color: #15569d;background:#f5f5f5; }
.n_nav .box2{ background:#fff; border:1px solid rgba(0,0,0,0.1); margin-top:30px;}
.n_nav .box2 h1 {width:100%;background:#15569d;height:45px;line-height:45px;text-align:center;font-size:17px;font-weight:normal;color:#fff;}
.n_nav .box2 ul li { display: block; margin:0; padding:0; width: 100%; line-height:40px; color: #333;padding-left: 15px;border-top: 1px solid #ddd;}

.n_about{ width:73%; position: relative;}
.n_about .n_txt { width:100%; position:relative; min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px;}
.n_about .n_txt .con{ padding-left:3px;}
.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:14px; 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:#15569d;}