@charset "utf-8";
/* CSS Document */
/*====全局设置====*/
html,body {margin:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a {text-decoration:none;color:#000;}
a,label,button,input,select {-webkit-tap-highlight-color:rgba(0,0,0,0);}
img {border:0;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {margin:0;padding:0;}
a {text-decoration:none;}
button {outline:0;}
button,input,optgroup,select,textarea {margin:0;font:inherit;color:inherit;outline:none;}
li {list-style:none;}
body {font-family: 'Source Han Sans SC', sans-serif; }
.imghover{overflow: hidden; }
.imghover img{display:block;transition: all .5s ease;}
.imghover:hover img{transform: scale(1.08,1.08);transition: all .3s linear;}
.container{width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}

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

@media (min-width: 768px) {
    .container {max-width: 720px;}
}
@media (min-width: 992px) {
    .container {max-width: 960px;}
}
@media (min-width: 1200px) {
    .container {max-width: 1360px;}
}
.pc{display: block;}
.mobile{display: none;}
@media (max-width: 1200px) {
	.pc{display: none !important;}
	.mobile{display: block;}
}

[v-cloak]{display:none}
@font-face {
  font-family: 'iconfont';  /* Project id 5229015 */
  src: url('../fonts/iconfont.woff2?t=1788250119584') format('woff2'),
       url('../fonts/iconfont.woff?t=1788250119584') format('woff'),
       url('../fonts/iconfont.ttf?t=1788250119584') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*导航*/
.header{width: 100%; z-index: 9; position:fixed; top:0;left: 0; box-shadow:0px 2px 17px 1px rgba(0,0,0,0.05);}
.header .container{display:flex; justify-content:space-between; }
.header_bg{background:#000319;z-index: 99; position:fixed; top:0;box-shadow:0px 2px 17px 1px rgba(0,0,0,0.05);}
.h80{width: 100%; height: 80px;}
.header .logo{width:135px;display: flex; justify-content: center;align-items: center;}
.header .logo a{display: flex; justify-content: center;align-items: center;}
.header .logo img{ width: 100%; display: block;}
.header .subnav{height:80px;position:relative; z-index:1;display:flex; justify-content:space-between;z-index: 10;width: 70%;}
.header .subnav .nLi{position:relative; padding-right: 10px; padding-left: 10px;line-height:80px;}
.header .subnav .nLi.cur{ position: relative;}
/*.header .subnav .nLi.cur:after{width: 100%; content: ""; position: absolute; bottom: 0; left:0; background: #0F8052; height: 3px;}*/
.header .subnav .nLi.cur h3 a{color: #0F8052;}
.header .subnav .nLi h3{ font-size: 16px; font-weight: 400;}
.header .subnav .nLi h3 a{ display:block;color: #ffffff;display: flex; justify-content: center;align-items: center;}
.header .subnav .nLi h3 a:hover{font-weight: 600;}
.header .subnav .nLi h3 a img{width: 8px;display: block; margin-left: 10px;}

.header .subnav .sub{ display:none; width:170%; left:-35%; top:80px;  position:absolute;box-shadow:0px 2px 17px 1px rgba(0,0,0,0.1);line-height:50px; text-align: center;font-size: 14px; z-index: 11;background: #000319;font-weight: 400;}
.header .subnav .sub li{ zoom:1;border-bottom: 1px solid rgba(255,255,255,0.1);}
.header .subnav .sub li:last-child{border-bottom: 0;}
.header .subnav .sub li:hover{background: #0F8052;}
.header .subnav .sub li:hover a{color: #ffffff}
.header .subnav .sub a{ display:block; color: #ffffff;}
.header .lang{display: flex; align-items: center;font-size: 16px;font-weight: 400;line-height: 1;}
.header .lang span{color: #ffffff; padding-left: 10px; padding-right: 10px;}
.header .lang a{color: #ffffff;}
.header .lang a:hover{color: #0F8052;}
/*手机端导航*/
@media (max-width: 1200px) {
	.mobile_head{display:block;height:50px;position:fixed;top:0px;left:0px;width:100%;z-index:9;padding-left: 20px; padding-right: 20px;display:flex; justify-content:space-between;align-items: center;width: 100%;}
	.mobile_head .logo{height: 50px;display: flex;align-items: center;}
	.mobile_head .logo img{ width: 40%; }
	.hamburger {}
	.hamburger.active .bar:nth-child(2) {opacity:0;}
	.hamburger.active .bar:nth-child(1) {-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);}
	.hamburger.active .bar:nth-child(3) {-webkit-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg);}
	.bar {display: block;width: 25px;height: 1.5px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #0F8052;}
	.nav{background:#000319;left: -1280px;position: fixed;top: 50px;display: block;height: 100%;width:100%;z-index: 90002;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;position: fixed;overflow: auto;}
	.nav.open {left: 0;}
	.nav a{display: block;overflow: hidden;padding-left: 20px;line-height: 50px;max-height: 50px;color: #ffffff;transition: all .3s;}
	.nav-item{position: relative; border-bottom: 1px solid rgba(255,255,255,0.05)}
	.nav-item.nav-show{border-bottom: none;}
	.nav-item ul{display: none;padding-left: 20px;}
	.nav-item ul li a{ color: #fafafa; font-size: 14px; }
	.nav-item.nav-show ul{display: block;}
	.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #0f76c1;opacity:0;transition: all .3s;}
	.nav-more{float:right;margin-right: 20px;transition: transform .3s; margin-top: 0;}
	.nav-more img{ width: 20px; height: 20px;}
	.nav-show .nav-more{transform:rotate(90deg);}
	.nav-show>a:before{opacity:1;}
	.h50{ height: 50px; }
}



/*footer*/
.footer{ background:#000000;color:#fff;padding-top:50px;}
.footer a{ color:rgba(255,255,255,0.9);}
.footer a:hover{ color:#0F8052;}
.footer .container{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.footer .foot_about{width: 340px;}
.footer .foot_about .title{font-size: 14px; font-weight: 600;}
.footer .foot_about .info{color: #9E9E9E;font-size: 14px; font-weight: 400; line-height: 1.6;padding-top: 25px;}

.footer .foot_about ul {display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; width: 100%; margin-top: 50px;}
.footer .foot_about ul li{ margin-right: 20px;cursor: pointer;position: relative; }
.footer .foot_about ul li img{ width:30px; height: 30px; }
.footer .foot_about ul li .wx_qrcode {width:200px;height:200px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:50px;left:0;overflow:hidden;cursor:pointer;padding: 5px;}
.footer .foot_about ul li .wx_qrcode img{width: 190px; height: 190px;display: block;}
.footer .foot_about ul li .dy_qrcode {width:200px;height:200px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:50px;left:0;overflow:hidden;cursor:pointer;padding: 5px;}
.footer .foot_about ul li .dy_qrcode img{width: 190px; height: 190px;display: block;}


.footer .footer_contact{width:calc(100% - 340px);display:flex; justify-content:space-between;padding-left: 100px;}
.footer .footer_contact ul{color:rgba(255,255,255,0.9);}
.footer .footer_contact ul dl{font-size: 14px; font-weight: 600; padding-bottom: 10px;}
.footer .footer_contact ul dd{line-height:2;}
.footer .footer_contact ul dd li{color: rgba(255,255,255,0.6);font-size: 14px;font-weight: 400;}
.footer .footer_contact ul dd li a{color: rgba(255,255,255,0.6);}
.footer .footer_contact ul dd li a:hover{color:#0F8052;}

.footer .copyright{width: 100%; padding-top: 30px; display: flex; justify-content: center;align-items: center;background: #000000; padding-bottom: 30px;color: rgba(255,255,255,0.5);border-top:1px solid #3D3D3D;margin-top: 30px;}
.footer .copyright dl{font-size: 13px;}
.footer .copyright dd{font-size: 13px;padding-left: 20px;}
.footer .copyright dd a{color: rgba(255,255,255,0.5);}

@media (max-width: 1200px) {
.footer_m{ background:#000000;color:#fff;padding-top:20px; padding-left: 20px; padding-right: 20px;width: 100%;}
.footer_m a{ color:rgba(255,255,255,0.9);}
.footer_m .foot_about{width: 100%;}
.footer_m .foot_about .title{font-size: 14px; font-weight: 600;}
.footer_m .foot_about .info{color: #9E9E9E;font-size: 14px; font-weight: 400; line-height: 1.6;padding-top: 10px;}

.footer_m .foot_about ul {display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; width: 100%; margin-top: 20px;}
.footer_m .foot_about ul li{ margin-right: 20px;cursor: pointer;position: relative; }
.footer_m .foot_about ul li img{ width:40px; height: 40px; }
.footer_m .foot_about ul li .wx_qrcode {width:200px;height:200px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:50px;left:0;overflow:hidden;cursor:pointer;padding: 5px;}
.footer_m .foot_about ul li .wx_qrcode img{width: 190px; height: 190px;display: block;}
.footer_m .foot_about ul li .dy_qrcode {width:200px;height:200px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:50px;left:0;overflow:hidden;cursor:pointer;padding: 5px;}
.footer_m .foot_about ul li .dy_qrcode img{width: 190px; height: 190px;display: block;}


.footer_m .footer_nav{width: 100%; padding-top: 20px;}
.footer_m .footer_nav .title{font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px;}
.footer_m .footer_nav ul{color:rgba(255,255,255,0.9);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding-top: 10px;}
.footer_m .footer_nav ul li{color: rgba(255,255,255,0.6);font-size: 14px;font-weight: 400;width: 25%; margin-bottom: 10px;}
.footer_m .footer_nav ul li a{color: rgba(255,255,255,0.6);}


.footer_m .footer_link{width: 100%; padding-top: 20px;}
.footer_m .footer_link .title{font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px;}
.footer_m .footer_link ul{color:rgba(255,255,255,0.9);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding-top: 10px;}
.footer_m .footer_link ul li{color: rgba(255,255,255,0.6);font-size: 12px;font-weight: 400;width: 25%; margin-bottom: 10px;}
.footer_m .footer_link ul li a{color: rgba(255,255,255,0.6);}


.footer_m .footer_contact{width: 100%; padding-top: 20px;}
.footer_m .footer_contact .title{font-size: 14px; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px;}
.footer_m .footer_contact ul{color:rgba(255,255,255,0.9);display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;padding-top: 10px;}
.footer_m .footer_contact ul li{color: rgba(255,255,255,0.6);font-size: 14px;font-weight: 400;width: 100%; margin-bottom: 10px;}
.footer_m .footer_contact ul li a{color: rgba(255,255,255,0.6);}

.footer_m  .copyright{width: 100%; padding-top:20px;background: #000000; padding-bottom: 20px;color: rgba(255,255,255,0.5);border-top:1px solid #3D3D3D;margin-top:10px;}
.footer_m  .copyright dl{font-size: 12px;}
.footer_m  .copyright dd{font-size: 12px;padding-top: 5px;}
.footer_m  .copyright dd a{color: rgba(255,255,255,0.5);}

}
/*分页*/
.pages{ width:100%;text-align:center; margin:0 auto; height:50px; line-height:50px; padding-bottom:80px;}
.pages ul{ display: flex; justify-content: center;align-items: center;}
.pages ul li{border:1px solid #ddd; text-align:center;margin-right:10px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px;background: #0F124A;border-radius: 5px;display: flex; justify-content: center;align-items: center;}
.pages ul li.disabled{background:#0F124A;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:10px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px; color:#fff;border:1px solid #ffffff;}
.pages ul li.active{ background:#ffffff;border:1px solid #ffffff; height:40px;width:40px;line-height:40px; color:#0F8052; text-align:center; display:block;}
.pages ul li:hover{border:1px solid #0F8052;}
.pages ul li a{ color:#ffffff; display:block;line-height: 40px;width: 40px;}


/*返回头部*/
.cd-top {display:inline-block;height:40px;width:40px;position:fixed;bottom:200px; left:50%; margin-left:640px; overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/ic_top.png) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; background-size: 100% 100%;}
.cd-top.cd-is-visible {visibility:visible;opacity:1;}
.cd-top:hover{background:url(../images/ic_top_hover.png) no-repeat center 50%;height:40px;width:40px;background-size: 100% 100%;}

/*右侧悬浮*/
.xuanfu_box{position: fixed;top: 300px;right: -167px;width: 167px;height: 423px;transition: all .5s; z-index: 999;    right: 0px; display: none;}
.xuanfu_box img{width: 100%;}
.xuanfu_box .close{position: absolute; top: 5px; right: 5px;width: 30px; height: 30px;}
.xianshi{display: block !important;}

/*弹出视频*/
.video-button{ cursor:pointer;}
.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ position: relative; display: inline-block;  width:80%; max-width:800px; vertical-align: middle; background: #000000;}
.video-pop .content video{ display: block; width: 100%; }
.video-pop .close{ position: absolute; top:0; right: -65px; cursor: pointer; width: 65px; height: 65px; background-image: url(../images/video_close.jpg); background-size: cover;}
/*遮罩层*/
.mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100; background: rgba(0,0,0,0.5);}
.tc_yinsi{top: 50%;transform: translateY(-50%);position: fixed;width: 1000px; left: 50%; margin-left: -500px;background: linear-gradient(163.36deg, #010719 6.57%, #01114B 39.73%, #03104B 58.2%, #121B63 86.42%);z-index: 110;padding:40px 50px;}
.tc_yinsi .content{width: 100%;max-height: 500px; overflow-y: auto;scrollbar-width: none;}
.tc_yinsi .content::-webkit-scrollbar {width: 0px;}
.tc_yinsi .content .title{width: 100%;text-align: center;font-size: 34px;line-height: 1;color: #ffffff;}
.tc_yinsi .content .info{width: 100%; font-size: 18px; color: #ffffff; line-height: 1.8;padding-top: 20px;}
.tc_yinsi .close{width: 40px; position: fixed; top:10px; right: 10px; cursor:pointer}
.tc_yinsi .close img{width: 40px; display: block;}
@media (max-width: 1200px) {
	.tc_yinsi{top: 50%;transform: translateY(-50%);position: fixed;width: 90%; left: 5%; margin-left: 0;padding:20px 20px;max-height: 70%; overflow-y: auto;}
	.tc_yinsi .content .title{font-size: 20px;}
	.tc_yinsi .content .info{font-size: 14px;}
	.tc_yinsi .close{width: 24px; position: fixed; top:10px; right: 10px;}
	.tc_yinsi .close img{width: 24px; display: block;}
	.pages{padding-bottom:20px;}
}