@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, 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 {height: 100%;width: 100%;font-size: 14px;}

img{vertical-align: middle;}


.icen {width: 100%; padding:0 3%; margin:0 auto;}
.icen1 {width: 100%; max-width:1280px; padding:0 10px; margin:0 auto;}
.icen2 {width: 100%; max-width:1460px; padding:0 15px; margin:0 auto;}

@media (max-width: 576px) {
  .icen {max-width: 540px;}
}

@media (max-width: 768px) {
  .icen {max-width: 720px;}
}

@media (max-width: 992px) {
  .icen {max-width: 960px;}
}

@media (max-width: 1200px) {
  .icen {max-width: 1140px;}
}


.header{ width: 100%;position:fixed;z-index:10;top: 0;left:0;transition:.6s;padding:0;opacity: 1;background-image:linear-gradient(to right, #005bb0, #4aa3f9);}
.header .con{ display:flex;align-items:center;justify-content:space-between;height: 100px; line-height:100px; padding:0 30px;}
.header .logo{ width:20%;}
.header .logo img{ width:265px; display:flex;align-items:center;}
.header .nav{ width:80%;}
.header .nav ul{ width:100%; position:relative;display: flex;justify-content: flex-end;align-items:center; }
.header .nav ul li{ padding:0 30px;position:relative;height: 100px; line-height:100px;}
.header .nav ul li a{ display:block; width:100%; font-size:16px; font-weight:bold;color: #fff;position:relative;transition:.6s;}
.header .nav ul li a:hover{color: #4aa3f9;}
.lang{ width:auto; height:40px; line-height:40px; font-size:17px; font-weight:bold;color:#fff;}
.lang img{ width:35px; margin-right:15px;}

@media (max-width: 1680px) {
.header .nav ul li{ padding:0 20px;}
}

 
/*banner*/
.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:50px !important;}
.banner .banner_swiper .banner-pagination .swiper-pagination-bullet {width:15px;height:5px;border:1px solid #e2e6fb;border-radius:0;background:#fff;opacity:1;margin:0 5px;}
.banner .banner_swiper .banner-pagination .swiper-pagination-bullet-active {width:15px;height:10px;background:#e2e6fb;}
.banner .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; width:90%; position:absolute; top:40%; left:5%;}
.banner .hd span{width:50px;height:50px; border-radius:50%;transition:all .2s;cursor:pointer; z-index:5;display: flex;justify-content:center;align-items: center; background:rgba(255,255,255,0.5)}
.banner .hd span:hover{ background:rgba(255,255,255,0.8)}

.i01 {width: 100%;position: relative; margin-top:60px;}
.i01 .icen {display: flex;justify-content: space-between;align-items: center;}
.i01 .img {position: relative;width: 40%;}
.i01 .img img { width:100%;}
.i01 .txt {width: 50%; line-height:30px;}
.i01 .txt .tit h1{ font-size:54px; color:#ccc;}
.i01 .txt .tit h2{ font-size:24px; color:#005bb0; margin:30px 0 30px;}
.i01 .txt .sum{width: 100%; font-size:16px; line-height:30px;}
.i01 .txt .more { width:160px; height:50px; line-height:50px; border:1px solid #005bb0; color:#005bb0; text-align:center; font-size:16px; margin-top:30px;}
.i01 .txt .more a { display:block; color:#005bb0;}
.i01 .txt .more a:hover { background:#005bb0; color:#fff;}

/* i02 */
.i02 {width:100%;position: relative; padding:90px 0; background:url(i02bg.png) no-repeat;}
.i02 .top { width:100%; display: flex;justify-content: space-between; align-items: center;}
.i02 .top .txt { width: 42%;position: relative;}
.i02 .top .txt .con {width: 70%; margin-left:35%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end;}
.i02 .top .txt .con .i_tit{margin-bottom: 70px;}
.i02 .top .txt .con .i_tit h1{font-size: 14px;line-height:30px;font-weight:normal; color:#d82b2b;}
.i02 .top .txt .con .i_tit h2{font-size: 14px;line-height:30px;font-weight:normal; color:#d82b2b;}
.i02 .top .txt .con .sum h3{font-size: 48px;margin-bottom: 20px;line-height:30px;position: relative; font-weight:normal;}
.i02 .top .txt .con .sum h5{font-size: 30px;margin-bottom: 40px;line-height:30px;position: relative; font-weight:normal;}
.i02 .top .txt .con .sum h5:before{position: absolute; content: ""; width: 75px; height:2px; left: -100px; top:15px; background: #d82b2b; z-index: 3;}
.i02 .top .txt .con .sum p{font-size:17px; line-height: 30px;}
.i02 .top .img {width: 58%;position: relative;}
.i02 .top .img img{ width:100%; position: relative;}
.i02 .bot{ width:100%; position:relative; margin-top:60px;}
.i02 .bot .icen1{ position:relative; }
.i02 .bot .con { width:100%;position:relative;overflow:hidden;transition:box-shadow .2s;}
.i02 .bot .con a{ width:100%; display:block;}
.i02 .bot .con .img{overflow: hidden; width:100%; transition: all 0.9s; position: relative;}
.i02 .bot .con .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: 0.6s;}
.i02 .bot .con .img .hezi{padding-bottom: 75% !important;}
.i02 .bot .con a:hover img{ transform: scale(1.15);}
.i02 .bot .con .tit { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);display: flex;flex-wrap:wrap; justify-content:center;align-items: center;opacity:0;transition: 0.6s;}
.i02 .bot .con .tit h4 {width: 100%; text-align:center; color:#fff; font-size:18px;}
.i02 .bot .con a:hover .tit{ opacity:1;} 
.i02 .bot .hd{ width:100%; position:absolute; right:-40px; bottom:0px;}
.i02 .bot .hd span{width:35px;height:35px;transition:all .2s;cursor:pointer; z-index:5; border:1px solid #ccc; border-radius:50%;display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin-left:auto;}
.i02 .bot .hd span:hover{ background:#ddd;}
@media (max-width: 1680px) {
.i02 .top .txt .con .sum h3{font-size: 36px;}
}

/* i03 */
.i03 {width:100%;position: relative; padding:60px 0 90px;}
.i03 .i_tit{ width:100%; position:relative; text-align:center;}
.i03 .i_tit h1{ width:100%; font-size:30px; font-weight:bold; position:relative; padding-bottom:20px; text-align:center;}
.i03 .i_tit h1:before{ content:""; position:absolute; width:60px; height:4px; background:#15569d; left:50%;transform: translateX(-50%); bottom:0; transition:.5s; z-index:1;}
.i03 .i_tit p{ width:100%;position:relative; font-size:16px; padding-top:20px; text-align:center; color:#666;}
.i03 .con {width:100%;position: relative;margin-top:50px;}
.i03 .con ul {display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.i03 .con ul li {width: 31%; position: relative;}
.i03 .con ul li a{ width:100%; display:block; padding:10px 15px 30px;} 
.i03 .con ul li a .time {font-size: 14px;color: #999;}
.i03 .con ul li a .tit { width:100%; position:relative; padding-bottom: 15px; margin-bottom: 30px; margin-top: 20px;font-size: 20px; font-weight:normal;color:#333;transition:0.3s; border-bottom:1px solid #ccc;}
.i03 .con ul li a .tit::before {content: "";position: absolute;width: 0;height: 1px;left: 0;bottom: -1px;background: #005bb0;transition: 0.6s;-webkit-transition: 0.6s;}
.i03 .con ul li a .sum {font-size: 14px;color: #999; line-height:25px;}
.i03 .con ul li a .more { font-size:14px; color:#666; margin-top:30px;}
.i03 .con ul li a:hover .tit::before {width: 100%;}
.i03 .con ul li a:hover .tit {color: #15569d;}
.i03 .con ul li a:hover .more {color: #15569d;}
 
/* i04 */
.i04 {width:100%;position: relative;}
.i04 .box{ width:100%; display:flex;}
.i04 .box .img{ width:50%;}
.i04 .con{ width:50%;background:url(i04bg.jpg) no-repeat; padding:90px 60px;}
.i04 .con h1 { font-size:26px; color:#fff; font-weight:700; margin-bottom:10px;}
.i04 .con h2 { font-size:18px; color:#fff; font-weight:normal; margin-bottom:30px;}
.i04 .con p{width: 100%; font-size:14px; font-weight:normal; color:#fff; line-height:30px;}
.i04 .con .more { width:160px; height:50px; line-height:50px; background:#fff; color:#005bb0; text-align:center; font-size:14px; margin-top:30px;}
.i04 .con .more a { display:block; color:#005bb0;}

/* footer */
.footer { width:100%;position: relative;background:#222;}
.footer .icen1{display: flex;justify-content: space-between;align-items: center;}
.footer .fo01 { width:30%; position:relative;padding: 50px 0;}
.footer .fo01 h1 { font-size: 18px; color:rgba(255,255,255,.5); font-weight:normal; position:relative;margin-bottom: 10px;}
.footer .fo01 h2 { font-size: 30px; color:rgba(255,255,255,1); font-weight: bold; position:relative;margin-bottom: 35px;}
.footer .fo01 h3 img{ width:135px;}
.footer .fo02 { width:20%; position:relative;}
.footer .fo02 h3 { width:100%; display: inline-block; font-size: 20px; color: #fff; font-weight: bold; position:relative;margin-bottom: 20px;}
.footer .fo02 p a{ display:block;font-size: 14px;color:rgba(255,255,255,.5);line-height:30px; margin-bottom:10px;}
.footer .fo03 { width:40%; position:relative;}
.footer .fo03 h3 { width:100%; display: inline-block; font-size: 20px; color: #fff; font-weight: bold; position:relative;margin-bottom: 20px;}
.footer .fo03 p a{ display:block;font-size: 14px;color:rgba(255,255,255,.5);line-height:30px; margin-bottom:10px;}
.footer .fo03 p a img{ width:30px; margin-right:30px;}
.footer .fo04 { width:100%; position:relative; padding:20px 0;background:#000;}
.footer .fo04 .con{ width:100%; position:relative;color:rgba(255,255,255,.5); text-align:center;}
.footer .fo04 .con a {font-size: 14px;color:rgba(255,255,255,.5); line-height:25px;}

.right_bar{position:fixed;right:10px;top:40%;_position:absolute;_margin:0 0 60px; z-index:1000;}
.right_bar ul li{height:50px;width:50px;line-height:48px;text-align:center;background:rgba(0,0,0,0.5);position:relative;margin-bottom:2px;cursor:pointer}
.right_bar ul li:hover{background:#d90606}
.right_bar ul li.ew:hover .bot{visibility:visible;left:-140px;opacity:1}
.right_bar ul li.ew .top{width:50px;height:50px;overflow:hidden;display: block}
.right_bar ul li.ew .top p{font-size:12px;color:#fff;line-height:16px}
.right_bar ul li.ew .top .down{line-height:18px}
.right_bar ul li.ew .top img{-webkit-transition:.5s;transition:.5s;position:relative;top:10px;}
.right_bar ul li.ew .bot{position:absolute;top:-10px;visibility:hidden;left:-148px;-webkit-transition:.3s;transition:.3s;opacity:0}
.right_bar ul li.ew .bot img{ width:135px;}
.right_bar ul li:hover .tip{left:-130px;visibility:visible;opacity:1;border-color:#d90606}
.right_bar ul li .tip{width:130px;height:50px;line-height:48px;text-align:center;font-size:14px;color:#333;background:#fff;left:-150px;position:absolute;top:0;border:1px solid #ddd;transition:.3s;visibility:hidden;opacity:0}
.right_bar ul li .tip a{ color:#333;}
.right_bar ul li .tip:after{content:"";height:50px;width:8px;position:absolute;right:-5px;top:0;}
.right_bar ul li#goTop{visibility:visible;opacity:1;transition:1s; line-height:20px;}
.right_bar ul li#goTop a{ font-size:12px; color:#fff;}
.right_bar ul li#goTop img{ margin-top:10px;}

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

/*n_home*/
.n_home { width:100%;position: relative; z-index: 9; height:60px; line-height:60px; background:#fff;}
.n_home .icen2{display: flex;flex-wrap:wrap; justify-content:space-between;}
.n_home .le{ width:30%;}
.n_home img{ vertical-align: middle; margin-right: 5px; width: 13px; margin-bottom:5px;}
.n_home span, .n_home a, .n_home i {font-size:14px;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 .re{ width:70%; text-align:right;}
.n_home .re ul{ width:100%;display: flex;flex-wrap:wrap; justify-content:flex-end;}
.n_home .re ul li{ margin-left:1px;}
.n_home .re ul li a{ width:100%; padding:0 30px; display:block;}
.n_home .re ul li.on{ background:#005bb0;}
.n_home .re ul li.on a{ color:#fff;}
.n_home .re ul li:hover{ background:#005bb0;}
.n_home .re ul li:hover a{ color:#fff;}

/*n_mian */ 
.n_main { width:100%; position:relative; background:#f6f6f6; padding:60px 0 0;}
.n_main .n_tit{ width: 100%; position:relative; margin-bottom:50px;}
.n_main .n_tit span{font-size: 24px;color: #333; position:relative; padding-bottom:10px;}
.n_main .n_tit span:before {content: "";display: block;width:60px;height:1px; position:absolute; left:0;bottom:0; background:rgba(0,0,0,0.5);transition-delay: 1s;}
	
.n_about{ min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px;}

.ab01{width: 100%; position:relative; padding:30px 0 90px; background:#f6f6f6;}
.ab01 .txt {width: 100%; line-height:30px;}
.ab01 .txt .tit h1{ font-size:54px; font-weight:normal; color:#ccc;}
.ab01 .txt .tit h2{ font-size:24px; color:#005bb0; margin:30px 0 30px;}
.ab01 .txt .sum{width: 100%; font-size:16px; line-height:30px;}
.ab01 .txt .more { width:160px; height:50px; line-height:50px; border:1px solid #005bb0; color:#005bb0; text-align:center; font-size:16px; margin-top:30px;}
.ab01 .txt .more a { display:block; color:#005bb0;}
.ab01 .txt .more a:hover { background:#005bb0; color:#fff;}

.ab02 {width:100%;position: relative; background:#005bb0;}
.ab02 .box{ width:100%; display:flex;}
.ab02 .box .img{ width:50%;}
.ab02 .box .img img{ width:100%;}
.ab02 .con{ width:50%; padding-top:60px; padding-left:10%;}
.ab02 .con h1 { font-size:30px; color:#fff; font-weight:700; margin-bottom:30px;}
.ab02 .con h2 { font-size:18px; color:#fff; font-weight:normal; margin-bottom:10px;}
.ab02 .con p{width: 100%; font-size:14px; font-weight:normal; color:#fff; line-height:30px;}
.ab02 .con .more { width:160px; height:50px; line-height:50px; background:#fff; color:#005bb0; text-align:center; font-size:14px; margin-top:30px;}
.ab02 .con .more a { display:block; color:#005bb0;}


.ab03 { width:100%;position: relative; padding:60px 0; background:#fff;}
.ab03 .ab_tit{margin-bottom:30px;font-size: 32px;color: #333; padding-bottom: 15px;font-weight: bold; position:relative; text-align:center;}
.ab03 .ab_tit:after{display: block; content: ''; position:absolute; left:50%;transform: translateX(-50%); bottom:0; width: 42px; height: 3px; background: #145396; }
.ab03 .con{position: relative;}
.ab03 .con .swiper-slide{ width:100%;height:auto;padding:20px 20px 5px;}
.ab03 .con .swiper-slide .img{ position:relative; width:100%} 
.ab03 .con .swiper-slide .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.ab03 .con .swiper-slide .img .hezi{padding-bottom: 72% !important;}
.ab03 .con .swiper-slide .tit{ line-height: 50px; text-align:center; font-size:16px;}
.ab03 .con .swiper-slide:hover .tit{color: #004190;transition: all 0.6s;}
.ab03 .con .ab03_prev,.ab03 .con .ab03_next{width:30px;height:45px;background:#005bb0 url(icon10.png) center no-repeat;transition: all .6s;}
.ab03 .con .ab03_next{right: -10px;}
.ab03 .con .ab03_prev{transform: rotate(180deg);left: -10px;}
.ab03 .con .ab03_prev:hover,.ab03 .con .ab03_next:hover{background: rgba(51,122,183,.9) url(icon10.png) center no-repeat;}


.wh01{width: 100%; position:relative; padding:0 0 60px; background:#f6f6f6;}
.wh01 .w_tit .cn{ font-size:30px; font-weight:bold; color:#005bb0; margin-bottom:5px;}
.wh01 .w_tit .en{ font-size:20px; color:#ccc; margin-bottom:30px;}
.wh01 .box {display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.wh01 .item { width:49%; position:relative;}
.wh01 .item .bg{width: 100%; position:relative;}
.wh01 .item .bg img{width: 100%;}
.wh01 .item .sum{width: 100%; position:absolute; left:60px; top:30px;}
.wh01 .item .sum .img{ width:100px; height:100px; margin-bottom:30px; border:1px solid #fff; border-radius:5px; color:#fff;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.wh01 .item .sum .img img{ margin-bottom:-30px;}
.wh01 .item .sum .cn{ font-size:16px; color:#fff; margin-bottom:30px; line-height:30px;}
.wh01 .item .sum .en{ font-size:16px; color:#fff;}

.develop {padding:60px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(wh02bg.jpg);background-attachment:fixed !important}
.develop .w_tit .cn{ font-size:30px; font-weight:bold; color:#005bb0; margin-bottom:5px; text-align:center;}
.develop .w_tit .en{ font-size:20px; color:#fff; margin-bottom:30px; text-align:center;}
.develop .d_list {width: 1200px;margin: 0 auto;padding-top:30px;position: relative;}
.develop .d_list:before {position:absolute;content:"";width:80px;height:100%;left:0;right:0;margin:auto;transition: .5s ease-in-out;top: 0;background: url(g14.png) no-repeat repeat center center;}
.develop .d_list .items {padding-bottom:60px;position: relative;  cursor: pointer;}
.develop .d_list .items:before {position: absolute;content: "";width: 50px;height: 50px;left: 0;right: 0;margin: auto;top: -25px;background: url(j1.png) no-repeat center;background-size: 100%;z-index: 2;}
.develop .d_list .items:after {display: block;height: 0;clear: both;visibility: hidden; overflow: hidden;content: "."; }
.develop .d_list .items .line {position: absolute;top: 0;left: 0;right: 0;margin: auto;height: 2px;width: 80px;background: #d5d5d5;z-index: 1;}
.develop .d_list .items .images {width: 50%;position: relative;padding-right: 50px;float: left;display: inline; overflow:hidden;box-sizing: border-box;}
.develop .d_list .items .images .imgs {overflow: hidden;display: inline-block;}
.develop .d_list .items .images .imgs img {transition: .5s ease-in-out;width: 100%;}
.develop .d_list .items:hover .images img {transition: .5s ease-in-out;transform: scale3d(1.05, 1.05, 1);}
.develop .d_list .items .words {width: 50%;position: relative;padding-left: 50px;float: right;display: inline;padding-top:40px;box-sizing: border-box;}
.develop .d_list .items .words .tit {display: inline-block;z-index: 4;font-size:30px;color:#fff;line-height:30px; padding-right:20px;top: -16px;left: 50px;transition: .5s ease-in-out;position: absolute;}
.develop .d_list .items .words .tit:after {position:absolute;width:10px;height:10px;content:"";right:0;top:0;bottom:0;margin:auto;background:#cc1f32;opacity:0;transition: .5s ease-in-out;border-radius:50%;}
.develop .d_list .items .words .con {line-height: 20px; text-align:left;color:#fff;}
.develop .d_list .items:nth-child(2n) .images {padding-left: 50px;float: right;display: inline;}
.develop .d_list .items:nth-child(2n) .words {padding-left: 0;padding-right: 60px;float: left;display: inline;}
.develop .d_list .items:nth-child(2n) .words .tit {left: 0;}


.n_news{ width:100%; position:relative; padding-bottom:60px;}
.n_news .item{ background:#fff;padding:20px; margin-bottom:20px;}
.n_news .item a{ display:flex;}
.n_news .item .img{ position:relative; width:40%} 
.n_news .item .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.n_news .item .img .hezi{padding-bottom: 72% !important;}
.n_news .item .txt{width: calc(100% - 160px); margin-left:40px; padding-top:5px;}
.n_news .item .txt h3{font-size: 24px;color: #333;font-weight:normal;margin-bottom: 20px;}
.n_news .item .txt p{font-size: 14px;color: #666;line-height: 30px; }
.n_news .item .txt .more{font-size: 14px;color: #005bb0; margin-top:30px;}
.n_news .item .tim{width: 150px;background: #005bb0; padding:30px 0;transition: 0.5s all; text-align:center; margin-left:30px;}
.n_news .item .tim div{font-size: 14px;color: #fff;text-align: center;height: 20px;line-height: 20px;}
.n_news .item .tim div:first-child{font-size: 40px; height: 50px;line-height: 50px;margin-bottom: 1px;}
.n_news .item a:hover .tim{background: #013d75;}
.n_news .item a:hover h3{color: #005bb0;}

.newsinfo { padding:20px 20px 60px;}
.newsinfo .box{display: flex;justify-content: space-between; background:#fff; padding:20px 20px 60px;}
.newsinfo .left {margin-right: 40px;flex: 1;overflow: hidden;}
.newsinfo .left .top {margin-bottom:30px; text-align:center;}
.newsinfo .left .top h1 {font-size:24px;font-weight: 700;line-height:30px;margin-bottom:15px;padding-bottom:15px;border-bottom: 1px solid #eee;}
.newsinfo .left .top .sum {display: inline-block;margin-right:50px;}
.newsinfo .left .bot {line-height:30px;font-size:16px;display: flex;}
.newsinfo .left .bot .img {width:40%;margin-right:5%;position: relative;}
.newsinfo .left .bot .img img{width:100%;}
.newsinfo .left .bot .sum {width:100%;}
.newsinfo .left .bot img{max-width:100%;}
.newsinfo .left .fanh {width:100%;position:relative; display: flex;margin-top:60px;}
.newsinfo .left .fanh p { width:42%;font-size:16px;color: #666;line-height:50px;}
.newsinfo .left .fanh p a { font-size:16px;transition: color 0.3s ease;}
.newsinfo .left .fanh .return {display: block;width: 150px;line-height:50px;background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);text-align: center;}
.newsinfo .left .fanh .return a{ color: #fff; font-size:16px;}
.newsinfo .left .fanh .return:hover {background-image: linear-gradient(-90deg, #082c7e 0%, #0b59c3 100%);}
.newsinfo .left .fanh .return img {vertical-align: middle;position: relative;top: -2px;margin-right:15px;width:20px;}
.newsinfo .right {width:25%;position:relative;}
.newsinfo .right h1 {display: block;width: 100%;line-height:50px;background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);color: #fff;text-align: center;font-size:16px;}
.newsinfo .right .con {width:100%;position: relative;margin-top:50px;}
.newsinfo .right .con ul {width:100%;}
.newsinfo .right .con ul li {width:100%; position: relative; background:#f6f6f6; margin-bottom:20px;}
.newsinfo .right .con ul li::before {content: "";position: absolute;width: 0;height: 2px;left: 0;bottom:0;background: #005bb0;transition: 0.6s;}
.newsinfo .right .con ul li a{ width:100%; display:block; padding:10px 15px 30px;} 
.newsinfo .right .con ul li a .time {font-size: 14px;color: #999;}
.newsinfo .right .con ul li a .tit { width:100%; position:relative; padding-bottom: 15px; margin-top: 10px;font-size: 20px; font-weight:normal;color:#333;transition:0.3s;}
.newsinfo .right .con ul li a .sum {font-size: 14px;color: #999; line-height:25px;}
.newsinfo .right .con ul li:hover::before {width: 100%;}
.newsinfo .right .con ul li a:hover .tit {color: #15569d;}


.chanpin01{width: 100%; position:relative; padding:0 0 60px; background:#f6f6f6;}
.chanpin01 .icen2 {display: flex;flex-wrap:wrap; justify-content:space-between;}
.chanpin01 .icen2 .item{ width:32%; position:relative; background:#fff; margin-bottom:30px;}
.chanpin01 .icen2 .item .img{overflow: hidden; width:100%; transition: all 0.9s; position: relative;}
.chanpin01 .icen2 .item .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: 0.6s;}
.chanpin01 .icen2 .item .img .hezi{padding-bottom: 75% !important;}
.chanpin01 .icen2 .item a:hover img{ transform: scale(1.1);}
.chanpin01 .icen2 .item .tit{ width:90%; margin:0 auto; padding:20px 0; border-bottom:1px solid #ccc; font-size:16px; color:#333;}
.chanpin01 .icen2 .item .sum{ width:90%; margin:0 auto; padding:20px 0; font-size:14px; color:#005bb0;display: flex; justify-content:space-between;}
.chanpin01 .icen2 .item .sum img{ width:24px; height:8px;}

.n_pro_del{ width:100%;position:relative;padding:0 0 60px; background:#f6f6f6;}
.n_pro_del .con1{width:100%;display: flex; justify-content:space-between;}
.n_pro_del .con1 .tup{width:46%;}
.n_pro_del .con1 .tup .con-box{width:100%; position:relative;}
.n_pro_del .con1 .tup .con-box .swiper-slide .img{overflow: hidden; width:100%; transition: all 0.9s; position: relative;}
.n_pro_del .con1 .tup .con-box .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: 0.6s;}
.n_pro_del .con1 .tup .con-box .swiper-slide .img .hezi{padding-bottom: 75% !important;}
.n_pro_del .con1 .tup .con-box .button-prev{position:absolute;top:35%;left:0;height:110px;width:40px;text-align:center;line-height:100px;transition:.2s ease all; z-index:100000;}
.n_pro_del .con1 .tup .con-box .button-next{position:absolute;top:35%;right:0;height:110px;width:40px;text-align:center;line-height:100px;transition:.2s ease all; z-index:100000;}
.n_pro_del .con1 .tup .con-box .button-prev>img,.n_pro_del .con1 .tup .con-box .button-next>img{ margin-top:10px;}
.n_pro_del .con1 .tup .nav-box{position:relative;width:100%;padding:0 40px;margin-top:10px;}
.n_pro_del .con1 .tup .nav-box .swiper-slide .img{overflow: hidden; width:100%; transition: all 0.9s; position: relative;}
.n_pro_del .con1 .tup .nav-box .swiper-slide .img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: 0.6s;filter: grayscale(100%);}
.n_pro_del .con1 .tup .nav-box .swiper-slide .img .hezi{padding-bottom: 75% !important;}
.n_pro_del .con1 .tup .nav-box .swiper-slide.on img{filter:none;}
.n_pro_del .con1 .tup .nav-box .button-prev{position:absolute;top:0;left:0;height:100%;width:40px;text-align:center;line-height:100px;background:#ccc;transition:.2s ease all; z-index:100000;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.n_pro_del .con1 .tup .nav-box .button-next{position:absolute;top:0;right:0;height:100%;width:40px;text-align:center;line-height:100px;background:#ccc;transition:.2s ease all; z-index:100000;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.n_pro_del .con1 .tup .nav-box .button-prev:hover,.n_pro_del .con1 .tup .nav-box .button-next:hover{background:#005bb0}
.n_pro_del .con1 .wenz{width:50%;}
.n_pro_del .con1 .wenz h3{padding-bottom:15px;margin-bottom:20px;font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #e8e8e8}
.n_pro_del .con1 .wenz p{margin-bottom:15px;font-size:14px;color:#666}
.n_pro_del .con2{width:100%;margin:45px 0 60px;}
.n_pro_del .con2 .top{ width:100%; position:relative;height:50px;line-height:50px;border-bottom:1px solid #ccc;}
.n_pro_del .con2 .top span{ display:block;width:150px; text-align:center;font-size:15px; background:#005bb0;color:#fff;transition:.2s ease all}
.n_pro_del .con2 .txt{width:100%;padding:30px 15px 60px; background:#fff;line-height:30px;}

 
.det_prev{ width:100%; position:relative;}
.det_prev .icen2{ width:100%; display: flex;justify-content:space-between;align-items: center;}
.det_prev span{ width:50%;}
.det_prev span:nth-child(2){ text-align:right;}

.xg01 { width:100%;position: relative; padding:30px 0 60px; background:#f6f6f6;}
.xg01 .w_tit .cn{ font-size:30px; font-weight:bold; color:#005bb0; margin-bottom:5px;}
.xg01 .w_tit .en{ font-size:20px; color:#ccc; margin-bottom:30px;}
.xg01 .con{position: relative;}
.xg01 .con .swiper-slide{ width:100%;height:auto;}
.xg01 .con .swiper-slide .img{ position:relative; width:100%} 
.xg01 .con .swiper-slide .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.xg01 .con .swiper-slide .img .hezi{padding-bottom: 72% !important;}
.xg01 .con .swiper-slide .tit{ width:100%; line-height: 50px; text-align:center; font-size:16px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff;}
.xg01 .con .swiper-slide:hover .tit{color: #ccc;transition: all 0.6s;}
.xg01 .con .xg01_prev,.xg01 .con .xg01_next{width:30px;height:60px;background:#005bb0 url(icon10.png) center no-repeat;transition: all .6s;}
.xg01 .con .xg01_next{right: 0;}
.xg01 .con .xg01_prev{transform: rotate(180deg);left: 0;}
.xg01 .con .xg01_prev:hover,.xg01 .con .xg01_next:hover{background: rgba(51,122,183,.9) url(icon10.png) center no-repeat;}


.n_form {width:100%;position: relative; background:#f6f6f6; padding-bottom:60px;}
.n_form .box{ background:#fff;padding:20px;}
.n_form h1{ width: 100%; position:relative; margin-bottom:30px;font-size: 30px; font-weight:bold;color: #005bb0;}
.n_form .form .item{ width:100%;margin-bottom: 20px;position: relative; border:1px solid #ddd;}
.n_form .form .inp{height: 49px;border:none;background: #fff;width: 100%;padding-left: 15px;font-size: 14px;color: #333;outline:none;}
.n_form .form textarea{height: 149px;border:none;background: #fff;width: 100%;padding-left: 15px; padding-top:15px; font-size: 14px;color:#333;outline:none;}
.n_form .form .inp::-webkit-input-placeholder{color: #999;}
.n_form .form .inp::-moz-placeholder{ color: #999; }
.n_form .form .inp::-ms-input-placeholder{ color: #999;}
.n_form .form textarea::-webkit-input-placeholder {color: #999;}
.n_form .form textarea::-moz-placeholder { color: #999;}
.n_form .form textarea::-ms-input-placeholder { color: #999;}
.n_form .form .btn{width: 100%;height: 49px;border:none;background: #005bb0;color: #fff;font-size: 14px;outline:none;transition:.3s; margin-top:-5px;}
.n_form .form .btn:hover{background: #4aa3f9;} 



.n_zhaop01 {width: 100%;position: relative; margin:0 0 60px;}
.n_zhaop01 .icen2 {display: flex;justify-content: space-between;}
.n_zhaop01 .img {position: relative;width: 40%;}
.n_zhaop01 .img img { width:100%;}
.n_zhaop01 .txt {width: 50%; line-height:30px;}
.n_zhaop01 .txt .w_tit .cn{ font-size:30px; font-weight:bold; color:#005bb0; margin-bottom:5px;}
.n_zhaop01 .txt .w_tit .en{ font-size:20px; color:#ccc; margin-bottom:30px;}
.n_zhaop01 .txt .tit h1{ font-size:54px; color:#ccc;}
.n_zhaop01 .txt .tit h2{ font-size:24px; color:#005bb0; margin:30px 0 30px;}
.n_zhaop01 .txt .sum{width: 100%; font-size:16px; line-height:30px;}

.n_zhaop02 {width: 100%;position: relative; padding:60px 0; background:#fff;}
.n_zhaop02 .w_tit .cn{ font-size:30px; font-weight:bold; color:#005bb0; margin-bottom:5px;}
.n_zhaop02 .w_tit .en{ font-size:20px; color:#ccc; margin-bottom:30px;}
.n_zhaop02 .con{width: 100%; box-shadow: -2px 2px 20px #dcdcdc; padding:30px;}
.n_zhaop02 .con ul li {background: #f6f6f6;margin-bottom: 10px;}
.n_zhaop02 .con ul li.bg {background: #0059aa;color: #fff;}
.n_zhaop02 .con ul li.bg .top p {color: #fff;}
.n_zhaop02 .con ul li.on .top {background: #f2f2f2;}
.n_zhaop02 .con ul li.on .top .ico {background-image: url(ico01.png);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.n_zhaop02 .con ul li .top {display: flex;align-items: center;height: 70px;cursor: pointer;transition: all 0.5s;}
.n_zhaop02 .con ul li .top h3 {width: 30%;padding: 0 50px;}
.n_zhaop02 .con ul li .top p {flex-shrink: 0;width: 20%;display: flex;align-items: center;padding: 0 50px;color: #999;transition: all 0.5s;}
.n_zhaop02 .con ul li .top .ico {flex-shrink: 0;width: 116px;height: 100%;padding: 0 50px;background: transparent url(ico01.png) no-repeat center / 16px auto;transition: all 0.5s;}
.n_zhaop02 .con ul li .bot {display: none;padding: 50px 50px 80px; background:#f9f9f9;}
.n_zhaop02 .con ul li .bot .txt {color: #666;line-height: 30px; font-size:14px;}


.n_lianx01 {width: 100%;position: relative; margin:0 0 60px;}
.n_lianx01 .icen2 {display: flex;justify-content: space-between;}
.n_lianx01 .img {position: relative;width: 63%; background:#fff; padding:10px;}
.n_lianx01 .img img { width:100%;}
.n_lianx01 .txt {width: 35%; line-height:30px;}
.n_lianx01 .txt .w_tit .cn{ font-size:30px; font-weight:bold; color:#005bb0; margin-bottom:5px;}
.n_lianx01 .txt .w_tit .en{ font-size:20px; color:#ccc; margin-bottom:30px;}
.n_lianx01 .txt .sum{width: 100%; font-size:16px; line-height:30px;}
.n_lianx01 .txt .sum h1{ font-size:24px; color:#333; margin-bottom:15px;}