@charset "utf-8";
/* CSS Document */
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption { margin: 0px; padding: 0px; }
img{border: none;}
.clearfix:after{content:"."; display:block; height:0; clear: both; visibility:hidden;}
.clearfix{*zoom:1;}
a:hover,a:link,a:visited{text-decoration:none;}
a:link.link01,a:visited.link01{ text-decoration:none;color:#fff;}
a:hover.link01{ text-decoration:none; color:#fff;}
a:link.link02,a:visited.link02{ text-decoration:none;color:#4285f4;}
a:hover.link02{ text-decoration:none; color:#ff0000;}
a:link.link03,a:visited.link03{ text-decoration:none;color:#333;}
a:hover.link03{ text-decoration:none; color:#ff0000;}
 /* 隐藏页眉 */
#nav-header{ display:none;}
#vueBanner .layout-pc{ padding-top:0!important;}
.ld-header-box{display:none;}


.fl{ float:left;}
.fr{ float:right;}
.mr0{margin-right: 0;}
hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #230e7e;height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

/* CSS 电脑端样式 */
@media (min-width:993px) {
body{font-sze:16px;line-height: 22px; font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,Hiragino, "Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,"sans-serif"; color: #737c8b; background: #06091f!important; }
.kuangjia{background:url(../images/banner.jpg) center top no-repeat; background-size: 1920px;}
.pc-none{display: none!important;}	
.pc-none2{display: none!important;}	
.pc-none3{display: none!important;}	
.toutu{display: none!important;}
.t-center{text-align: center; }
.mgt10{margin-top: 10px;}
.t01{color:#fff; font-size: 18px; line-height: 30px; }
.t02{color:#92b3ff; font-size: 14px; line-height: 24px; }	
.t03{color:#737c8b; font-size: 14px; line-height: 20px; }
	
.topcc-kj{width: 100%; height: 60px; background-color:rgba(5,15,55,0.8);  position: fixed; top: 0; z-index: 1000; }
.butouming{background-color:rgba(0,0,0,1); transition-duration: 0.5s; -webkit-transition-duration: 0.5s; animation-timing-function:ease-out;}
.topcc{width: 1200px; margin: 0 auto;}
.topcc .logo{width: 230px; max-width: 230px; margin-top: 18px; float: left;}
.topcc .baoming{width: 964px; height: 60px; display: flex; justify-content: flex-end; align-items: center;}
.topcc .baoming a{display: inline-block; width: 100px; height: 35px; background: #4285f4; text-align: center; font-size: 14px; line-height: 35px;}
.topcc .baoming a:hover{background:#389ff7;}

	
.banner-kj{width: 100%; height: 460px; margin: 60px auto 120px; }
.banner{width: 1920px; height: 460px; }
.banner a{display: inline-block; width: 1920px; height: 460px; content: "";}
		

.part01-kj{width: 100%;}
.part01{width: 1200px;margin: 0 auto;}
.part01 h3{ text-align: center; color:#fff; font-size: 34px; line-height: 30px; font-weight: bold; position: relative;}
.part01 h3:after{display: inline-block; width: 80px; height: 6px; border-radius:3px; -moz-border-radius:3px; background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc); content: ""; position: absolute; left: 50%; top:50px; margin-left: -40px;  }
.part01 .neirong{width: 1140px; margin: 70px auto; font-size: 16px; line-height: 28px; color: #fff; }
.part01 .neirong p{margin-bottom: 20px;text-indent: 2em;}
	
.part02-kj{width: 100%; padding: 40px 0 40px; }
.part02{width: 1200px; margin: 0 auto;}
.part02 h3{ text-align: center; color:#fff; font-size: 34px; line-height: 30px; font-weight: bold; position: relative;}
.part02 h3:after{display: inline-block; width: 80px; height: 6px; border-radius:3px; -moz-border-radius:3px; background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc); content: ""; position: absolute; left: 50%; top:50px; margin-left: -40px;  }
.part02 .liangdian{ width: 840px; margin: 70px auto;}
.part02 .liangdian ul li{list-style: none; float: left; width: 400px; height: 95px; margin-right: 40px; margin-bottom: 40px; }
.part02 .liangdian ul li:nth-child(2n){margin-right: 0;}
.part02 .liangdian ul li img{width: 100%; display: block; margin: auto;border-radius: 5px; -moz-border-radius: 5px;}

	
.yicheng-kj{width: 100%; }
.yicheng{width: 1200px;margin: 0 auto 80px;}
.yicheng h3{ text-align: center; color:#fff; font-size: 34px; line-height: 30px; font-weight: bold; position: relative;}
.yicheng h3:after{display: inline-block; width: 80px; height: 6px; border-radius:3px; -moz-border-radius:3px; background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc); content: ""; position: absolute; left: 50%; top:50px; margin-left: -40px;  }
.huichang{margin: 60px auto 30px; text-align: center;}
.huichang p{background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc);  color: #fff; text-align: center; display: inline-block; font-size: 18px; line-height: 28px; border-radius: 50px; padding: 5px 40px;}
.yicheng .yc-nr{width: 600px; margin: 30px auto;}
.yicheng .yc-nr ul li{list-style: none; width: 100%; height: 40px; background: #1c2565; padding:0 40px; box-sizing: border-box; font-size: 16px; line-height: 40px; color: #fff; margin-bottom: 20px; }
	
.part03-kj{width: 100%; border-top: 1px solid #202757;}	
.part03{width: 1200px;margin: 0 auto; padding: 80px 0;}
.part03 h3{ text-align: center; color:#fff; font-size: 34px; line-height: 30px; font-weight: bold; position: relative;}
.part03 h3:after{display: inline-block; width: 80px; height: 6px; border-radius:3px; -moz-border-radius:3px; background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc); content: ""; position: absolute; left: 50%; top:50px; margin-left: -40px;  }
.part03 .neirong{idth: 800px; margin: 70px auto 0; font-size: 16px; line-height: 28px; color: #e2e2e2; text-align: center;}
.part03 .baoming{width: 100%;text-align: center; margin: 40px auto 0;}
.part03 .baoming a{display: inline-block; width: 160px; height: 50px; background: #4285f4; text-align: center; font-size: 16px; line-height: 50px;}
.part03 .baoming a:hover{background:#389ff7;}

	
.part04-kj{width: 100%; border-top: 1px solid #202757;}	
.part04{width: 1200px;margin: 0 auto; padding: 80px 0;}
.part04 h4{ text-align: center; color:#fff; font-size: 20px; line-height: 30px; margin-top: 50px; }
.part04 h4:first-of-type{margin-top: 0;}
.zhuban{width: 180px; height: 60px; margin: 20px auto 0;}
.zhuban img{width: 100%;}
.zhanlue{width: 600px; height: auto; margin: 20px auto 0; display: flex; justify-content: space-between;flex-wrap: wrap;}
.zhanlue img{width: 180px;}
.chanpin{width: 800px; height: auto; margin: 20px auto 0; display: flex; justify-content: space-between;flex-wrap: wrap;}
.chanpin img{width: 180px; margin-bottom: 20px;}
}


/* CSS 移动端样式 */
@media (max-width:992px) {
body{font-sze:16px;line-height: 22px; font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,Hiragino, "Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,"sans-serif"; color: #737c8b; background: #06091f!important; }
.m-none{display: none;}
.pc-none{display: none!important;}	
.kuangjia{background:url(../images/m-banner.jpg) center top no-repeat; background-size: 100%;}
.banner-kj{width: 100%; height: 400px;}
.banner{width: 100%; height: 400px; margin: 0 auto;}
.banner a{display: inline-block; width: 100%; height: 400px; content: "";}

.t-center{text-align: center; }
.mgt10{margin-top: 10px;}
	
.t01{color:#20242b; font-size: 16px; line-height: 24px; }
.t02{color:#363f4e; font-size: 16px; line-height: 22px; }	
.t03{color:#737c8b; font-size: 14px; line-height: 20px; }
	
.topcc-kj{width: 100%; height: 60px; background-color:rgba(14,0,81,0.9);  position: fixed; top: 0; z-index: 1000;display: none;}
.topcc{width: 100%; margin: 0 auto;}
.topcc .logo{width: 40%; margin-top: 20px; margin-left: 20px;}


.part01-kj{width: 100%; }
.part01{width: 92%;margin: 0 auto;}
.part01 h3{ text-align: center; color:#fff; font-size: 24px; line-height: 30px; font-weight: bold; position: relative;}
.part01 h3:after{display: inline-block; width: 60px; height: 6px; border-radius:3px; -moz-border-radius:3px; background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc); content: ""; position: absolute; left: 50%; top:40px; margin-left: -30px;  }
.part01 .neirong{width: 100%; margin: 50px auto; font-size: 14px; line-height: 24px; color: #fff;}
.part01 .neirong p{margin-bottom: 20px;}
	
	
.part02-kj{width: 100%; padding: 20px 0 40px; }
.part02{width: 92%; margin: 0 auto;}
.part02 h3{ text-align: center; color:#fff; font-size: 24px; line-height: 30px; font-weight: bold; position: relative;}
.part02 h3:after{display: inline-block; width: 60px; height: 6px; border-radius:3px; -moz-border-radius:3px; background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc); content: ""; position: absolute; left: 50%; top:40px; margin-left: -30px;  }
.part02 .liangdian{ width: 100%; margin: 50px auto 0;}
.part02 .liangdian ul li{list-style: none; float: left; width: 100%; height: auto; margin-bottom: 20px; }
.part02 .liangdian ul li:last-child{margin-bottom: 0;}
.part02 .liangdian ul li img{width: 100%; display: block; margin: auto; border-radius: 5px; -moz-border-radius: 5px;}

	
.yicheng-kj{width: 100%; }
.yicheng{width: 92%;margin: 40px auto 60px;}
.yicheng h3{ text-align: center; color:#fff; font-size: 24px; line-height: 30px; font-weight: bold; position: relative;}
.yicheng h3:after{display: inline-block; width: 60px; height: 6px; border-radius:3px; -moz-border-radius:3px; background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc); content: ""; position: absolute; left: 50%; top:40px; margin-left: -30px;  }
.huichang{margin: 40px auto 20px; text-align: center;}
.huichang p{background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc);  color: #fff; text-align: center; display: inline-block; font-size: 16px; line-height: 24px; border-radius: 50px; padding: 5px 15px;}
.yicheng .yc-nr{width: 100%; margin: 20px auto;}
.yicheng .yc-nr ul li{list-style: none; width: 100%; height: 30px; background: #1c2565; padding:0 10px; box-sizing: border-box; font-size: 14px; line-height: 30px; color: #fff; margin-bottom: 10px; }
	
	
.part03-kj{width: 100%; border-top: 1px solid #202757;}	
.part03{width: 92%;margin: 0 auto; padding: 40px 0;}
.part03 h3{ text-align: center; color:#fff; font-size: 24px; line-height: 30px; font-weight: bold; position: relative;}
.part03 h3:after{display: inline-block; width: 60px; height: 6px; border-radius:3px; -moz-border-radius:3px; background: #2ccafe; background:linear-gradient( to right,#358bff, #24fffc); content: ""; position: absolute; left: 50%; top:40px; margin-left: -30px;  }
.part03 .neirong{idth: 100%; margin: 50px auto 0; font-size: 14px; line-height: 24px; color: #e2e2e2; text-align: center;}
.part03 .baoming{width: 100%;text-align: center; margin: 40px auto 0;}
.part03 .baoming a{display: inline-block; width: 40%; height: 40px; background: #4285f4; text-align: center; font-size: 16px; line-height: 40px;}

.part04-kj{width: 100%; border-top: 1px solid #202757;}	
.part04{width: 92%;margin: 0 auto; padding: 40px 0;}
.part04 h4{ text-align: center; color:#fff; font-size: 20px; line-height: 30px; margin-top: 30px; }
.part04 h4:first-of-type{margin-top: 0;}
.zhuban{width: 100%; height: 60px; margin: 20px auto 0; text-align: center;}
.zhuban img{width: 40%;}
.zhanlue{width: 100%; height: auto; margin: 20px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.zhanlue img{width: 32%;}
.chanpin{width: 100%; height: auto; margin: 20px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.chanpin img{width: 32%; margin-bottom: 10px;}
}