*{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, th, td { margin: 0; padding: 0; list-style: none; }

li {list-style: none;}
a {text-decoration: none;}
body {height: 100%;width: 100%;font-size: 14px;}

.icenter {width: 1360px;margin: auto;position: relative; padding:0 30px;}

/* header */
.headerwrap{width:100%; margin:0 auto;position:fixed; top:0;z-index: 1000;box-sizing: border-box; background:#fff;}
.headerwrap .h_top{width:100%; margin:0 auto;position:relative;box-sizing: border-box;background-image:linear-gradient(to right, #6f1944, #7b87bf); position:absolute; top:0;height:60px;z-index: -1;}
.headerwrap .h_top .con{width:100%; margin:0 auto; padding:0 5%;display: flex;justify-content: space-between;z-index: 10;}
.headerwrap .h_top .con .le{ width:50%;font-size: 12px;color: #ffffff; padding:10px 0;}
.headerwrap .h_top .con .le p{ font-size: 14px;}
.headerwrap .h_top .con .re{ width:50%; padding:15px 0; text-align:right; color:#fff;}
.headerwrap .h_top .con .re p{ width:100%; font-size: 14px; color:#fff;}

/* header */
.h_bot{ width:100%; margin-top:60px; z-index: 20; background:#fff;}
.h_bot .logo{width:100%; margin:0 auto; padding:0 5%; height:45px; z-index: 20; position:relative;display: flex;justify-content: space-between;align-items: center; background:#eff2fb;}
.h_bot .logo .le{width:15%; position:relative;}
.h_bot .logo .vid{width:70%; line-height:45px; position:relative;display: flex;justify-content:center;align-items: center;}
.h_bot .logo .vid .item{ margin-left:20px; line-height:45px; position:relative;display: flex;justify-content:center;align-items: center;}
.h_bot .logo .vid .item img{ width:30px; margin-right:10px; margin-top:16px;}
.h_bot .logo .vid .item.ewm img{ margin-left:10px;}
.h_bot .logo .vid .item p{ line-height:20px;}
.h_bot .logo .re{width:15%; position:relative;display: flex;justify-content:flex-end;align-items: center;}
.h_bot .logo .re .item{ margin-left:20px;}
.h_bot .logo .re .item a{ font-size:14px; color:#333;}
.h_bot .header{width:100%; margin:0 auto; padding:0 5%; height:65px; line-height:65px; z-index: 15; position:relative;display: flex;justify-content: space-between;}
.h_bot .header .le{box-sizing: border-box;display: flex;align-items: center;}
.h_bot .header .le .nav{display: flex;align-items: center;}
.h_bot .header .le .nav a{display: block;font-size: 15px; font-weight:bold;color: #333; padding:0 15px; line-height:65px; text-align:center;position: relative;}
.h_bot .header .le .nav a i:after{content: '';display: block;width: 15px;height: 15px;background:url(down2.png) no-repeat;position: absolute;right: 0;top: 25px;transition: all .3s;}
.h_bot .header .le .nav li:hover a i:after{background:url(down3.png) no-repeat;}
.h_bot .header .le .nav li{position: relative;}
.h_bot .header .le .nav li:last-child{margin-right: 0;}
.h_bot .header .le .nav .nav02{position: absolute;width: 200%;background: #ffffff;opacity: 0;visibility: hidden; padding:10px 0;border-top: 3px solid #113dcd;}
.h_bot .header .le .nav .nav02 a{display: block;width: 100%;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #222222;line-height: 40px; text-align:left;}
.h_bot .header .le .nav .nav02 a i{font-size: inherit;color: inherit;opacity: 0;margin-left: 20px;}
.h_bot .header .le .nav .nav02 a:hover{color: #044eaf;}
.h_bot .header .le .nav .nav02 a:hover i{opacity: 1;}
.h_bot .header .le .nav li:hover .nav02{opacity: 1;visibility: visible;}
.h_bot .header .re{box-sizing: border-box;display: flex;justify-content:center;align-items: center;}
.h_bot .header .re .item{display: flex;justify-content:center;align-items: center;}
.h_bot .header .re .item .fo_ewm{position: relative;}
.h_bot .header .re .item .fo_ewm a{display: block;font-size: 14px;color: #333;padding:0 25px; line-height:65px; text-align:center;position: relative;display: flex;justify-content:center;align-items: center;}
.h_bot .header .re .item .fo_ewm a i:after{content: '';display: block;width: 14px;height: 14px;background:url(down.png) no-repeat;position: absolute;right: 0;top: 10px;transition: all .3s;}
.h_bot .header .re .item .fo_ewm .down{position: absolute;width: 320px; left:-120px;background: #fff;opacity: 0;visibility: hidden;}
.h_bot .header .re .item .fo_ewm .down h1{display: block;width: 100%;box-sizing: border-box;color: #555;line-height: 60px; text-align:center; background:#a8e5d7; font-size:16px; font-weight:normal;}
.h_bot .header .re .item .fo_ewm .down h2{display: block;width: 80%; margin:10px auto;box-sizing: border-box;color: #555;line-height: 25px; text-align:center; font-size:14px; font-weight:normal;}
.h_bot .header .re .item .fo_ewm .down h3{color: #044eaf; text-align:center;}
.h_bot .header .re .item .fo_ewm:hover .down{opacity: 1;visibility: visible;}
.h_bot .header .re .item .fo_ewm:hover a i:after{background:url(down1.png) no-repeat;}
.h_bot .header .re .item .fo_more{ width:120px; height:36px; line-height:36px; font-size:14px; border-radius:18px; color:#fff; font-weight:normal; text-align:center; background:#113dcd; margin-left:20px;}
.h_bot .header .re .item .fo_more a{ display:block; font-size:14px; color:#fff; font-weight:bold; text-align:center; position:relative;}
.h_bot .header .re .item .fo_more a:hover{ background:#1b4def; border-radius:18px;}

.h_bot{transition:all .1s ease-in-out 0s;z-index: 20; background:#fff;}
.headerwrap.active .h_bot{margin-top:0px;z-index: 20; background:#fff;}

/* footer */
.footer {padding: 80px 0 10px;position: relative;overflow: hidden; background:#00084d;}
.footer .fo01 {margin-bottom: 50px;}
.footer .fo01 ul {display: flex;justify-content: space-between;}
.footer .fo01 ul li h3 {margin-bottom: 26px;}
.footer .fo01 ul li h3 a { display: inline-block; font-size: 16px; color: #fff; font-weight: bold;}
.footer .fo01 ul li p a{ display:block;font-size: 14px;color:rgba(255,255,255,0.8);margin-bottom: 20px;}
.footer .fo01 ul li p a:hover {color:rgba(255,255,255,1);}
.footer .fo01 ul li p a:last-child {margin-bottom: 0px;}
.footer .fo01 li h4 {  color: #fff; font-size: 28px; line-height: 1em; margin-bottom: 20px; display: block;}
.footer .fo02 {display: flex;justify-content: space-between;align-items: center; border-top:1px solid rgba(255,255,255,0.8); padding-top:20px;}
.footer .fo02 .le { width:50%; color:#fff;}
.footer .fo02 .le p {line-height:25px;}
.footer .fo02 .le a {font-size: 14px;color: #fff;margin-right: 5px; padding-right:5px; line-height:25px;}
.footer .fo02 .re {width: 50%;display: flex;justify-content: flex-end;align-items: center; color:#fff;}
.footer .fo02 .re p{ text-align:right; margin-right:20px; font-size:14px; line-height:25px;}