@charset "utf-8";


*{box-sizing:border-box}
*{ padding:0; margin:0; box-sizing: border-box;}
body,form,html{font-family:"Microsoft YaHei";color:#3e3e3e;width:100%;overflow-x:hidden}
body {
	font-size: 14px;
	/* [disabled]color:#333; */
	overflow-x: hidden;
	background: url(../images/background.jpg);
	background-attachment: fixed;
	background-position: center 0;
	will-change: background-position;
}
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#555;}
a:hover{ text-decoration: none; color: #00b140;}
img{border:none; max-width:100%; display:block; }
.clear{clear:both; display:block;}
.clearfixed:after{ content: ""; clear:both; display:block;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none}
._w1200,._w1300,._w1400,._w1500,._w1600{height:auto;position:relative;margin:auto}
.over{overflow:hidden}
._clear::after{content:'';position:relative;display:block;clear:both}
input,textarea{word-wrap:break-word;word-break:break-all;font-size:14px}

.animate{transition:all .5s cubic-bezier(.25,0,0,1);-webkit-transition:all .5s cubic-bezier(.25,0,0,1);-moz-transition:all .5s cubic-bezier(.25,0,0,1);-ms-transition:all .5s cubic-bezier(.25,0,0,1);-o-transition:all .5s cubic-bezier(.25,0,0,1)}
button{outline:0}
address{font-style:initial}
._hide{display:none}
._show,.loading b,.loading span{display:block}
._fl{float:left}
._fr{float:right}
._h100vh{height:100vh}
._w1200{width:1200px}
._w1300{width:1300px}
._w1400{width:1440px}
._w1500{width:1500px}
._w1600{width:1600px}
._p03{padding:0 3%}
._p05{padding:0 5%}
._p07{padding:0 7%}
._p010{padding:0 10%}

footer {
  width: 100%;
  position: relative;
  z-index: 5;
  background: #333333;
  padding-top:30px;
  color:#fff;
}
.clearfixed:after{ content:""; clear:both; display:block;}
.f-cd dl{ float:left; padding-right:85px; padding-bottom:30px;}
.f-cd dl dt{ font-size:18px; padding-bottom:34px;}
.f-cd dl dd a{ font-size:16px; opacity:0.6; display:block; padding-bottom:10px; color:#fff;}
.banquan{ border-top:1px solid #515151; line-height:74px; color:#a1a1a1}
.banquan a{ color:#a1a1a1}

.top{width: 100%; position: fixed; top: 0; left: 0; z-index: 9999;}
nav{ width: 100%; height: 80px; color: #fff;  transition-duration: 0.5s; }
nav .logo{ transition-duration:0.5s;  }
.gp{ float:left; padding-left:15px; color:#fff; padding-top:18px; position:relative; z-index:2; transition-duration:.5s;}
  li.nav-item { float:left; line-height:80px;}
        li.nav-item>a{display: block;text-align: center; font-size: 16px;position: relative; margin-left:30px; color:#fff;}
        li.nav-item:hover>a ,li.nav-item.active>a,.nav_fixed li.nav-item>a:hover,.nav_fixed li.nav-item.active>a{color: #0551a7; }
        li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
		 li.nav-item .search{ width:23px; height:80px; background:url(../images/ss.png) no-repeat center center;}
        /* 二级菜单 */
        .subMenu{display: none;position: absolute;top: 78px;left: 0;width: 100%; height: 358px;background-color: #f5f5f5; padding:10px 0;}
        .subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
        .subMenu>ul>li>a{display:block;padding:0 35px;text-align: center;line-height: 72px;color: #333;}
        .subMenu>ul>li>a:hover{color:red}
.nav_fixed li.nav-item>a{ color:#333;}
.nav_fixed .logo{  }
.nav_fixed nav{
   background:#fff;
   color: #333;
    height: 80px; border-bottom:1px solid #eee;
}
.nav_fixed .gp{ padding-top:10px;}
.nav_fixed .nav-item .search{ width:23px; height:80px; background:url(../images/ss1.png) no-repeat center center;}

.w90 {
    width: 88%;
    margin: 0 auto;
}
.set-img {
    width: 26%;
    padding-top: 53px;
}
.setCon{width: 36%;padding: 50px 6% 0px 0; text-align:left;}
.setCon .p{color: #666;line-height: 30px;overflow: hidden;text-align: justify; font-size:16px; text-indent:30px;}
.setCon .tit {
    font-size: 24px;
    color: #4e4e4e;
    margin-bottom: 26px;
    font-weight: bold;
    line-height: normal;
}

.setMenu{width:15%;border-right: 1px #fff solid;border-left: 1px #fff solid; padding:50px 30px 50px 30px; height:330px;}
.setMenu li{ margin-bottom:9px;border-top: 1px #fff solid; width:100%; text-align:left; font-size:16px; line-height:normal; position:relative; line-height:56px;}
.setMenu li:last-child{ border-bottom:1px solid #fff;}
.mobile-menu{ display:none;}



.header {
    background: #0551a7;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    width: 200px;
    position: fixed;
    left: -200px;
    top: 0;
    height: 100%;
    z-index: 9999;
}
.left_active{left: 0;}

.logo1{
  background: #fff;
  width: 100%; padding:10px;
}


.fixed_bg{width: 100%; 
  height: 100%; 
  position: fixed; 
  left: 0; 
  top: 0; 
  display: none; 
  background: rgba(0,0,0,0.5); 
  z-index:9999;
}
.slide_logo{
  display: none;
}
.menu{
  width: 40px;
  height: 40px;
  background: #0551a7;
  position: absolute;
  top:20px;
  right:20px;
  text-align: center;
  box-sizing: border-box;
  padding:13px 5px;
  z-index:9998;
}
.menu span{
    width: 30px;
    height: 1px;
    display: block;
    background: #fff;
    position: relative;
    top: 0;
}
.menu span:nth-child(2){
  top:5px;
}
.menu span:nth-child(3){
  top:10px;
}
.subNavBox1{width:100%;}
.subNav1{display: block;
  width: 100%;
  border-bottom:1px solid #0a5fbf;
  line-height: 45px;
  font-size: 15px;
  color: #555;
  padding:0 15px;
  background: url(../images/jia1.png) no-repeat 96% center;
  color:#fff;
}
.t-pa{ top:60px;}
.currentDt1{
	background: url(../images/jian1.png) no-repeat 96% center #458bda;
}
.navContent1{display: none; border-bottom: 1px solid #d6d6d6; padding:10px 0; background:#458bda;}
.navContent1 li{ line-height:30px;}
.navContent1 li a{display:block; font-size:14px; color:#fff; padding-left: 20px;}
.so-mobile-fl{ width:100%; padding:10px 10px 10px 40px;}
.so-mobile-fl p{ font-size:14px; padding-bottom:10px; color:#fff; position:relative;}
.so-mobile-fl a{ display:block; font-size:14px; color:#fff; padding-bottom:10px; float:left; padding-right:10px;}
.xg-mobile-bt{ font-size:16px; padding:10px 20px;}
.xg-mobile-bt a{ color:#fff; position:relative; padding-left:20px;}
.xg-mobile-bt a:before{content: '';
    width: 15px;
    height: 15px;
    background: url(../images/m_anniu1.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: cover;}




.banquan .zb{ color:#fff; background:#0551a7; display:inline-block; line-height:40px; margin-top:15px; padding:0 15px; border-radius:5px; margin-right:20px;}





@-webkit-keyframes rotation{
0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotation{
0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}
}
@keyframes rotation{
0%{transform:rotate(0);-ms-transform:rotate(0)}
100%{transform:rotate(360deg);-ms-transform:rotate(360deg)}
}

@keyframes a-move{
0%{left:0;top:0}
8%{left:0;top:0}
16%{left:25px;top:0}
24%{left:25px;top:0}
32%{left:25px;top:0}
40%{left:25px;top:25px}
48%{left:25px;top:25px}
56%{left:25px;top:25px}
64%{left:0;top:25px}
72%{left:0;top:25px}
80%{left:0;top:25px}
88%{left:0;top:0}
100%{left:0;top:0}
}
@keyframes b-move{
0%{left:25px;top:0}
8%{left:25px;top:25px}
16%{left:25px;top:25px}
24%{left:25px;top:25px}
32%{left:0;top:25px}
40%{left:0;top:25px}
48%{left:0;top:25px}
56%{left:0;top:0}
64%{left:0;top:0}
72%{left:0;top:0}
80%{left:25px;top:0}
88%{left:25px;top:0}
100%{left:25px;top:0}
}
@keyframes c-move{
0%{left:0;top:25px}
8%{left:0;top:25px}
16%{left:0;top:25px}
24%{left:0;top:0}
32%{left:0;top:0}
40%{left:0;top:0}
48%{left:25px;top:0}
56%{left:25px;top:0}
64%{left:25px;top:0}
72%{left:25px;top:25px}
80%{left:25px;top:25px}
88%{left:25px;top:25px}
100%{left:0;top:25px}
}
@keyframes waveSvgAnim{
0%{transform:translateX(-120px)}
100%{transform:translateX(120px)}
}


@media screen and (max-width:1600px){
.w90{ width:96%;}
}
@media screen and (max-width:1444px){
._w1200,._w1300,._w1400,._w1500,._w1600{width:1280px}
.setMenu{ padding:40px 20px;}
.setMenu li{ font-size:15px; line-height:45px;}

}

@media screen and (max-width:1280px){
._w1200,._w1300,._w1400,._w1500,._w1600{width:960px}

}
@media screen and (max-width:960px){
._w1200,._w1300,._w1400,._w1500,._w1600{width:97%}

}

@media screen and (min-width:1200px) {
	nav ul .level1:hover ul {
    transition: .5s all ease;
  }

  nav ul .level1 ul li:hover:after {
    width: 100%;
  }
 nav ul .level1 ul li:hover a:after {
    width: 100%;
  }

  nav ul .level1 > a:hover:after {
    width: 40%;
    left: 30%;
    top: 0;
  }
	}
@media screen and (max-width:1366px) {
  nav ul .level1{ padding-left:10px;}
}
@media screen and (max-width:1023px) {
  
  .nav-right,
  .nav-right:after,
  nav::before {
    display: none;
  }

  nav {
    background: #fff;
    height: 60px;
    border-bottom: 1px solid #F0F0F0;
  }

  .moon nav {
    background: #0f2441;
    height: 60px;
    border-bottom: none;
  }

  nav .logo {
    width: 120px;
    margin-top: 9px;
  }

  nav .logo img:nth-child(1) {
    opacity: 0;
  }

  nav .logo img:nth-child(2) {
    opacity: 1;
  }

  .moon nav .logo img:nth-child(1) {
    opacity: 1;
  }

  .moon nav .logo img:nth-child(2) {
    opacity: 0;
  }

  .menu_btn {
    display: block;
  }

  .friend-cont ul li {
    margin-bottom: 10px;
  }

  .nav-right.active {
    display: block;
    overflow: initial;
  }

  .nav.active .nav-right {
    height: 100vh;

  }

  nav.active ul .level1 ul li a {
    color: #fff;
  }

  .nav-right > ul {
    width: 100%;
    height: calc(100vh - 60px);
    margin-top: 60px;
    background: #fff;
    overflow-y: scroll;
  }

  nav ul .level1 {
    width: 100%;
    height: auto;
    line-height: 45px;
    border-bottom: 1px solid #F0F0F0;
    text-align: left;
    padding: 0 3%;
  }

  nav ul .level1 a {
    color: #3e3e3e;
    font-weight: bold;
  }

  nav ul .level1 > a.activeNav:after {
    width: 0;
  }

  nav ul .level1 > a.activeNav {
    color: #d20b17;
    text-indent: 10px;
  }

  nav ul .level1 > a.activeNav::after {
    width: 2px;
    height: 50%;
    background: #d20b17;
    position: absolute;
    left: 0;
    top: 25%;
    content: '';
  }

  nav ul .level1 ul {
    display: block;
    background: #d20b17;
    height: auto;
    position: relative;

  }

  nav ul .level1 ul::after {
    width: 0;
    height: 0;
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #d20b17;
    position: absolute;
    left: 25px;
    top: -5px;
    content: '';
  }

  .inL-cont {
    font-size: 14px;
    text-align: justify;
  }

  nav ul .level1:hover ul {
    background: #d20b17;
  }

  nav ul .level1 ul li a {
    color: #fff;
    height: auto;
    line-height: 45px;
    border-bottom: 1px solid #c30813;
    font-size: 14px;
    font-weight: normal;
    text-indent: 20px;
  }
 nav ul .level1 ul li a:hover{color: #0551a7;}
  nav ul .level1 ul li {
    height: auto;
    width: 50%;
    float: left;
  }

  nav ul .level1 ul.active {
    display: block;
  }

  nav ul .level1 .sn {
    width: 100px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
  }

  nav ul .level1 .sn::before {
    width: 20px;
    height: 20px;
    background: url("../images/arrow_down.png") no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: .5;
    -webkit-transform: rotate(-90deg);
  }

  nav ul .level1 .sn.active::before {
    -webkit-transform: rotate(0deg);
  }

}
@media screen and (max-width:960px) {
	.top{ display:none;}
	.mobile-menu{ display:block;}
	
	}