*{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;font-size: 62.5%;}
li {list-style: none;}
a {text-decoration: none;}
body,html {height: 100%;width: 100%;font-size: 10px; background:#e1e1e1;}
.imgbox {overflow: hidden;position: relative;}
.imgbox img {transition: 0.3s;}
.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}

.wrap{width: 1200px;margin:0 auto;position: relative; padding:0 10px; background:#fff;}
.icenter {width: 1200px;margin:0 auto;position: relative; padding:0; background:#fff;}

/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 

/* head */
.div1 {position:relative; width: 100%; z-index: 99;background-color: transparent;transition: 0.3s;}
.head {box-sizing: border-box; z-index: 4;}
.head .top { height:80px;display: flex;justify-content: space-between;align-items: center; padding:0 10px;}
.head .top .logo img{width:352px;}
.head .top .top_r { width: 50%;display: flex;justify-content: flex-end;align-items: center; height:30px; line-height:30px;}
.head .top .top_r .tel {position: relative; color:#333; font-size:16px;display: flex;align-items: center; }
.head .top .top_r .tel img{ width:20px; margin-right:10px;}
.head .top .top_r .lang {position: relative; margin-left:20px; height:30px;color: #333;}
.head .top .top_r .lang a {  color: #333; font-size: 16px;  display: flex; align-items: center;}
.head .top .top_r .lang a img { width:20px; margin-right:10px; }
.head .top .top_r .lang a:hover { color: #014188;}
.head .top .top_r .search { margin-left:20px; position:relative;}
.head .top .top_r .search input{ width:200px; height:35px; line-height:35px; padding-left:10px; border:1px solid #ccc;}
.head .top .top_r .search button{ height:35px; line-height:35px; padding:0 10px; margin-left:-5px; position:absolute; top:0; right:0; border:1px solid #ccc;}
.head .top .top_r .search button img{ width:15px;}
.head .menu{width: 100%;display: flex;justify-content: center;align-items: center; position:relative; border-top:1px solid #eee; background:#f3f3f3;}
.head .menu ul {width: 100%; display: flex; justify-content: center; align-items: center; position:relative;}
.head .menu ul li {width: 100%;}
.head .menu ul li .a { display:block; color: #151515; position: relative;font-size: 16px;line-height: 45px;height: 45px; text-align:center; z-index:10;}
.head .menu ul li .a:after { content: ""; display: block; width: 0; height: 100%; background:#014188; left: 50%;transform: translateX(-50%); bottom: 0; transition: all .3s; position: absolute; }
.head .menu ul li:hover .a::after {width: 100%; z-index:-1;}
.head .menu ul li.cur .a::after {width: 100%; z-index:-1;}
.head .menu ul li.active .sub {display: block;height: auto;animation: tui 0.2s 0.05s linear forwards; opacity: 1;}
.head .menu ul li:hover .a {color:#fff;}
.head .menu ul li.cur .a {color:#fff;}
.head .menu ul li .sub { display: none;width:100%; left: 0; height: auto; position: absolute; top:100%; transition: 0.2s; background:#f1f1f1; border-top:1px solid #ccc}
.head .menu ul li .sub dl { position: relative;display: flex;padding-bottom:20px;}
.head .menu ul li .sub dl dd {width: 100%; margin-top: 2rem;position: relative;margin-left: 0rem;padding-right: 0rem; line-height: 3.5rem;}
.head .menu ul li .sub dl dd a { padding-left: 3rem; width: 20.5rem; font-size: 15px; font-weight:bold; color: #000; display: block; position: relative;  }
.head .menu ul li .sub dl dd a:hover {color:#014188;}
.head .menu ul li .sub dl dd .er {position: unset;transform: none;width: 100%;padding: 0rem;display: block;opacity: 1;border-left: 0rem;margin-top: 0;}
.head .menu ul li .sub dl dd .er a {font-size: 13px; font-weight:normal; color: #999; width: 100%; line-height: 2.7rem;}
.head .menu ul li .sub dl dd .er a:hover {color:#014188;}
.head .menu ul li .sub dl dd.active .er {opacity: 1; } 
.head .menu ul li .sub dl dd.active{z-index: 10;}

.div2 { display:none;}

/* more */
.more:hover { border-color:#012f62; background:#012f62; }
.more { background-color:rgb(255 255 255 / 0); border: 1px solid #014188; overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; 
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; z-index: 1; width:160px; height:40px; display: flex; align-items: center; 
	justify-content: center; }
.more > span { vertical-align: middle; font-size: 14px;color:#014188;}
.more:hover > span {color:#fff;}

/* ibanner */
.ibanner { position: relative;}
.ibanner .swiper {height: 100%; overflow: hidden;}
.ibanner .imgbox ,.ibanner .box{height: 100%;width: 100%;}
.ibanner .imgbox img {width: 100%; height:310px;}
.ibanner .swiper-pagination {bottom: 13px;left: 50%;transform: translate(-50%,-50%);}
.ibanner .swiper-pagination-bullet {transition: 0.5s; width: 4rem; height: 8px; border-radius: 0px; background-color: #fff; margin: 0 5px!important; opacity: 1;}
.ibanner .swiper-pagination-bullet-active { opacity: 1; background: #014188; width: 5rem; height: 8px;}

.i_tit {margin-bottom: 30px;display: flex;align-items:flex-end;}
.i_tit h3 {position: relative; color:#000; font-size:30px;padding-left:15px;}
.i_tit h3::after { position:absolute; left:0; top:7px; content: ""; width: 5px; height: 28px; background:#014188; display: block;}
.i_tit p {font-size:16px;color: #666;padding-left:10px; margin-bottom:3px;}

/* i01 */
.i01{padding: 30px 0; position: relative;}
.i01 .ul{ display: flex;justify-content: center;align-items: center;}
.i01 .ul .box{width: 100%;margin-right: 0.8%;background: #f7f9fb;}
.i01 .ul .box:last-child{margin-right: 0;}
.i01 .ul .box .img img{ width:100%;}
.i01 .ul .box .text{ margin-top:-4px;}
.i01 .ul .box .text .top{ display: flex;justify-content: center;align-items: center;background: #e7e9eb;padding: 10px 15px;}
.i01 .ul .box .text .top .left{width: 28px;}
.i01 .ul .box .text .top .left img{width: 25px;}
.i01 .ul .box .text .top .right{padding-left: 11px;width: calc(100% - 28px);}
.i01 .ul .box .text .top .right .bt{color: #333333; font-size:15px; font-weight:bold; margin-top:-5px;}
.i01 .ul .box .text .btm {margin-top: 4px;line-height: 2;color: #666666; height:170px;padding: 0 20px;}
.i01 .ul .box .text .btm ul{ width:100%; position:relative;}
.i01 .ul .box .text .btm ul li{ width:100%; margin-right:10%;margin-bottom: 3px;padding-left: 16px; padding-bottom:2px;position: relative; font-size:13px;border-bottom: 1px solid #d8dadc;}
.i01 .ul .box .text .btm ul li:last-child{ border:none;}
.i01 .ul .box .text .btm ul li a{ font-size:13px;color: #333333;}
.i01 .ul .box .text .btm ul li a:hover{ color: #014188;}
.i01 .ul .box .text .btm ul li:last-child{margin-bottom: 0;}
.i01 .ul .box .text .btm ul li:before{position: absolute;content: "";left: 0;top: 9px;width: 8px;height: 8px;background: #0863c4;}

/* i02 */
.i02 { overflow: hidden; padding:0 0 50px; position: relative; }
.i02 .le{ width: 100%;}
.i02 .le h3 { font-weight: bold;font-size: 36px;position: relative;margin-bottom: 3rem;color:#000000; }
.i02 .le h3::after {  position: relative; content: ""; width: 5rem; height: 0.8rem; background: #014188; margin-top: 2.2rem; display: block;}
.i02 .le h4 { color: #333; font-size: 16px;line-height: 3rem;margin-bottom: 5.9rem; width: 70%;text-align: justify;}
.i02 .le .op { display: flex; align-items: center; border-bottom:1px solid #ccc; margin-bottom:30px;height: 50px; line-height:50px; background:#e1e1e1;}
.i02 .le .i01_more { width: 160px; text-align:center;}
.i02 .le .i01_more span {color: #191919; width:200px; font-size:16px;}
.i02 .le .i01_more.active,.i02 .le .i01_more:hover{ border-top:3px solid #014188; background:#fff; }
.i02 .le .i01_more.active span,.i02 .le .i01_more:hover span { color: #014188;}
.i02 .ri { width:100%;position: relative;}
.i02 .ri .seg { overflow: hidden; display: none;}
.i02 .ri .seg.active {display: block;animation: fa 1s linear forwards;}
.i02 .ri .seg .swiper-slide{ width:100%; border:1px solid #ccc;}
.i02 .ri .seg .box .imgbox img{ transition: all .3s;display: block; width:100%;  }
.i02 .ri .seg .box .imgbox::after {content: ""; opacity: 0; transition: 0.3s; position: absolute; left: 0rem; top: 0rem; background: linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0)); height: 100%; width: 100%;}
.i02 .ri .seg .box .imgbox::before { z-index: 2; transition: 0s; content: ""; opacity: 1; position: absolute; left: 0rem; top: 0rem; 
	background: linear-gradient(to bottom,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 100%); height: 63%; width: 100%;}
.i02 .ri .seg .box:hover .imgbox img{transform: scale(1.1);}
.i02 .ri .seg .box:hover .imgbox::before {display: none;} 
.i02 .ri .seg .box .text {width:90%;position: absolute;padding:0;top: 3rem;left:5%;z-index: 3;}
.i02 .ri .seg .box .text h3 { font-weight: bold; font-size:18px; color: #222; position: relative; padding-bottom: 0; margin-bottom:2rem;line-height: 1em;}
.i02 .ri .seg .box .text p { position: relative; opacity: 0; transition: 0.3s; font-size:14px;line-height:2.6rem; padding-top:2rem;color: #fff; }
.i02 .ri .seg .box .text p::after { transition: 0.6s;  content: ""; position: absolute; left: 0rem; background: #014188; height: 0.1rem; width: 0%; top:0;}
.i02 .ri .seg .box:hover .text p::after {width: 100%;}
.i02 .ri .seg .box .text .more {width: 14rem;height: 4rem;   opacity: 0; transition: 0.3s;}
.i02 .ri .seg .box .text .more span{font-size:14px;}
.i02 .ri .seg .box:hover .text p {opacity: 1;}
.i02 .ri .seg .box:hover .text h3 {color: #fff;}
.i02 .ri .seg .box:hover .imgbox::after {opacity: 1;}
.i02 .ri .seg .swiper-pagination {bottom: -2.7rem; left: 47%;}
.i02 .ri .seg .swiper-pagination-bullet {height: 1.2rem;width: 1.2rem;border-radius: 50%; opacity: 1; background-color: #b6d5f8; margin: 0 0.5rem;border-radius: 50%;}
.i02 .ri .seg .swiper-pagination-bullet:first-child{margin-left: 0rem;}
.i02 .ri .seg .swiper-pagination-bullet-active { opacity: 1; background:#014188; }

/* vi_box */
.vi_box { top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box  video{  width: 100%;height: auto;   position: relative;  object-fit: cover; display: block;}
.vi_box .box  .video {position: relative;width:60%; height: auto;}
.vi_box .box  .video img.close{ cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box  .video .close:hover {transform: rotate(135deg);}

/* i03 */
.i03 {padding: 30px 0;position: relative; width: 100%; }
.i03 .con{ display: flex;}
.i03 .le { height: 100%; width: 45%; position:relative; }
.i03 .le .t {height: 50%;position: relative;}
.i03 .le video{ width: 100%; position: relative; object-fit: cover;}
.i03 .le .bo { cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);   z-index: 3;}
.i03 .le .bo img {width: 80px;}
.i03 .ri { position: relative; width: 55%; display: flex; justify-content: center;align-items: center;}
.i03 .ri .text{ width:100%; padding-left:50px; text-align:justify;}
.i03 .ri .text h3{color:#014188;line-height: 1em;margin-bottom: 20px;font-size:24px;font-weight: bold;}
.i03 .ri .text h3:after{ position: relative; content: ""; width: 50px; height: 8px; background:#014188; display: block; margin-top: 22px;}
.i03 .ri .text p { font-size: 14px;line-height: 28px; color: #333;}
.i03 .par{ margin-top:30px; }

/* i04 */
.i04 {padding: 30px 0;position: relative;overflow: hidden; background:#f3f3f3;}
.i04 .con {position: relative; width: fit-content; margin: auto;}
.i04 .con  dl {display: flex;flex-flow: wrap;border: 1px solid #f5f5f5;}
.i04 .con  dl dd {width: calc(100%/8);background-color: #ffffff;padding:16px 0;display: flex;justify-content: center;align-items: center; border:1px solid #eee;}
.i04 .con  dl dd img { width: 100%; transition: all .3s; object-fit: contain;filter: grayscale(10);}
.i04 .con  dl dd:hover img {filter: none;}
.i04 .par{ margin-top:30px; display: flex; justify-content:center; }

/* i05 */
.i05 {padding: 60px 0;position: relative;overflow: hidden;}
.i05 .con{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;}
.i05 .con dl{ display: block;overflow: hidden;width: 48%;}
.i05 .con .img{width: 50%;}
.i05 .con .img img{width:100%; display: block;}
.i05 .con .txt{width: 48%; padding:0 20px; border: 1px solid #ddd;}
.i05 .con .txt ul li{ width:100%; line-height:47px;height:47px;padding:0 0 0 6px;border-bottom: #bfbfbf 1px dotted;}
.i05 .con .txt ul li:last-child{ border:none;}
.i05 .con .txt ul li a{ color:#545456; font-size:14px;display: flex;}
.i05 .con .txt ul li a .title{ width:70%;height:47px; margin-right:10px; overflow:hidden;}
.i05 .con .txt ul li a i{ margin-right:10px;}
.i05 .con .txt ul li a i img{ border-radius:50%;}
.i05 .con .txt ul li a span{ width:30%; color:#333; text-align:right;}
.i05 .con .txt ul li:hover a,.i05 .con .txt ul li:hover span{ color:#014188}
.i05 .par{ margin-top:30px; display: flex; justify-content:center; }

/* footer */
.footer { position: relative;overflow: hidden;  background-size: cover; background-position: center;}
.footer .icenter { background:#d1d1d1;border-top:4px solid #084885;}
.footer .top {display: flex;justify-content: center; padding:30px 0 0;}
.footer .fo01 { width:30%;}
.footer .fo01 .img { width: 210px;height:54px;}
.footer .fo02 {width:39%;}
.footer .fo02 ul {display: flex;flex-wrap:wrap;justify-content: center;}
.footer .fo02 ul li { width:50%;}
.footer .fo02 ul li h3 {margin-bottom: 16px;}
.footer .fo02 ul li h3 a { display: inline-block; font-size: 14px; color: #333;}
.footer .fo03 {width:30%;}
.footer .fo03 h4 { color: #222; font-size: 24px; line-height: 1em; margin-bottom: 20px; display: block;}
.footer .fo03 .seg {margin-bottom: 13px;}
.footer .fo03 .seg h5 {color: #666;font-size: 14px;margin-bottom: 3px;}
.footer .fo03 .seg h6 { color: #666; font-size: 16px; line-height: 20px; margin-bottom: 26px; display: block; }
.footer .fo03 .follow { display: flex; align-items: center; margin-bottom: 26px; position: relative; cursor: pointer;}
.footer .fo03 .follow .img { width: auto;height: 25px;}
.footer .fo03 .follow .ewmimg { position: absolute; top: 50%; left: -12rem; display: none; height: 12rem; background: #fff; border-radius: 4px; width: 12rem; transform: translateY(-50%);}
.footer .fo03 .follow span {font-size: 14px;color: #666;margin-left: 10px;height: 30px;line-height: 30px;}
.footer .fo03 .follow:hover .ewmimg { display: block; }

.footer .links { margin-top:20px; color: #333; padding:0 15px 10px 15px;}
.footer .links .con{display: flex; }
.footer .links span{ color: #333; font-weight:bold;}
.footer .links a{ color: #333; margin-right:10px;}
 

.footer .bot { width:1200px; margin:0 auto; background:#fff;display: flex;justify-content: space-between;align-items: center; padding:20px;}
.footer .bot .le {width: 80%;display: flex;align-items: center;font-size: 12px;}
.footer .bot .le a {font-size: 12px;color: #333;margin-right: 24px;}
.footer .bot .ri {width: 20%;color: #333;}
.footer .bot .ri p{ width:100%; text-align:right;color: #333;}
.footer .bot .ri a{ color: #333;}

.n_banner{width: 1200px;margin:0 auto;position: relative;}

.n_wrap{width:1200px;margin:10px auto 30px;position: relative; padding:10px 10px; background:#fff;}


/* 当前位置 */
.location{width: 100%;border-bottom: 1px solid #e4e4e4;margin-bottom: 30px; display:flex;}
.location .home{display: block;width: 20px;height: 37px;background: url(home_ico.png) no-repeat center;float: left; }
.location p{height: 43px; width:84%; line-height: 40px;font-size: 13px;color: #333;float: left;margin-left: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.location p a{color: #333;padding: 0 4px;font-size: 13px;}

.n_main{ display:flex;}

/* 侧栏导航 */
.n_nav{width: 280px; position:relative; margin-bottom:30px;}
.n_nav .top{width: 100%; margin-bottom:20px;}
.n_nav .top h2{color: #333; font-weight: bold;font-size: 18px; padding-left:15px;}
.n_nav .top h2::before {content: " ";display: inline-block; width:3px; height:16px;position: absolute;top: 4px;left: 0; background:#09397c;}

.navMenubox{ width:280px;border: 1px solid #e4e4e4;}
.navMenubox ul { margin: 0; padding: 0}
.navMenubox ul li{ list-style: none;}
.navMenu> li { display: block; margin: 0; padding: 0; width: 100%;}
.navMenu>li>a { display: block; overflow: hidden; line-height:45px; color: #333; transition: all .3s; position: relative;text-indent: 18px; font-size: 16px;border-top: 1px solid #e4e4e4; text-decoration:none;}
.navMenu>li>a span{ color: #333; }
.navMenu > li:nth-of-type(1)> a { border-top: 1px solid transparent; }
.navMenu > li:last-child > a { border-bottom: 1px solid transparent; }
.navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px; display: inline; font-size: 20px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; text-shadow: none; }
.navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: FontAwesome; height: auto; font-size: 20px; content: "\f107"; font-weight: 300; text-shadow: none; }
.navMenu>li>a.active, .navMenu>li>a:hover {color: #09397c; background:#f5f5f5; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display:none; list-style:none; clear:both; padding:5px 10px;border-top: 1px solid #e4e4e4; }
.navMenu>li>ul.sub-menu li { margin: 0px; padding: 0px; border-bottom:1px dotted #ccc; }
.navMenu>li>ul.sub-menu li:last-child { border:none; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 14px; line-height: 35px; padding-left: 20px; color: #666; clear: both; text-decoration:none; }
.navMenu>li>ul.sub-menu li>a span{ color: #666; }
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #09397c; }

 
/* about*/
.n_right{width: calc(100% - 280px); margin-left:50px; position:relative;max-width:845px !important;}
.n_right .n_tit{ padding-bottom: 15px; font-size:18px; position: relative; margin-bottom:30px;color:#333; border-bottom: 1px solid #dadada;}
.n_right .n_about{width: 100%; margin-bottom:60px; position:relative;}
.n_right .n_about .con{ width: 100%; min-height:350px; color:#333;line-height: 32px;text-align: justify; font-size:14px;}
.n_right img{ max-width: 100%;}
 
.n_right table{max-width:845px !important;}

.n_news { width:100%;position: relative; }
.n_news ul { margin-top:-30px;}
.n_news ul li {padding: 30px 0;border-bottom: 0.1rem solid #dddddd;}
.n_news ul li a{display: flex; align-items: center;box-sizing: border-box;}
.n_news ul li .img01 {width: 31%;position: relative; margin-right:3%;}
.n_news ul li .text {width: 66%;}
.n_news ul li .text h3 {font-size: 18px;color: #333;font-weight: bold;}
.n_news ul li .text .date {font-size: 16px; color: #666666;margin:5px 0 10px;}
.n_news ul li .text p {font-size: 14px;color: #666666;line-height:20px;margin-bottom:20px;}
.n_news ul li .text .more{width: 120px;}
.n_news ul li a:hover .text h3 {color:#09397c;}
.n_news ul li a:hover .text .more {background: #09397c;color: #fff;}
.n_news ul li a:hover .text .more span{ color: #fff;}


@media screen and (max-width:1600px) {   
    html,body{font-size: 7px;}  
	
	/* ibanner */
    .ibanner .text { left: calc((100% - 1160px)/2); bottom: 15rem; }
    .ibanner .text h3 { font-size: 70px;}
    .ibanner .text h4 { font-size: 39px; }
    .ibanner .text h5 { font-size: 16px; margin-bottom: 2.4rem; }

	.i03 .ri .text p { font-size: 14px;line-height: 28px; color: #333;}
	.i03 .par{ margin-top:30px; }
 
	.i04 .top p{ font-size:2.2857rem; }
	.i04 .i04_nav .icenter span{font-size:2.8571rem;}
	.i04 .content dl dd{padding: 1.4286rem 0;}
}