@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:#20242b;}
a:hover.link01{ text-decoration:none; color:#4285f4;}
a:link.link02,a:visited.link02{ text-decoration:none;color:#fff;}
a:hover.link02{ text-decoration:none; color:#fff;}
a:link.link03,a:visited.link03{ text-decoration:none;color:#4285f4;}
a:hover.link03{ text-decoration:none; color:#ff0000;}
a:link.link04,a:visited.link04{ text-decoration:none;color:#fff;}
a:hover.link04{ text-decoration:none; color:#fff;}
*{box-sizing: border-box;}
.fl{ float:left;}
.fr{ float:right;}
.juzhong{margin: auto; text-align: center;}
hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee;height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.texiaoga:hover{background-color: rgba(255,255,255,1); opacity: 1;filter:alpha(opacity=100); box-shadow: 0 0 10px #d9dce5; cursor:pointer; }
.baise{background: #fff; }
.lanse{background: #fff0cc; }
.huise{background:#f7f8fb;}
.tiyan-color{background: #4285f4;}
.zixun-color{background: #37507b;}
 
/* 隐藏页眉 */
#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 #eeeeee;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; font-weight: 400; }
.pc-none{display: none;}
.t01{color:#20242b; font:normal 16px/28px 'microsoft yahei',PingFangSC-Regular,SimSun; text-align: center; }
.t02{color:#737c8b; font:13px/21px 'microsoft yahei',PingFangSC-Regular,SimSun; }	
.t03{color:#20242b; font:bold 20px/30px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.t04{color:#f1f1f1; font:normal 14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.t05{color:#fff; font:16px/30px 'microsoft yahei',PingFangSC-Regular,SimSun; }	
.txt01{color:#20242b; font:bold 16px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.txt02{color:#555; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; }	
.t-center{text-align: center; }
.mgt10{margin-top: 10px;}

.topcc-kj{width: 100%; height: 60px; background-color:#fff; }
.topcc{width: 1200px; margin: 0 auto; }
.topcc .logo{width: 178px; max-width: 178px; margin-top: 20px; float: left;}
.nav{width: 770px; height: 56px; float: right;}
.nav ul li{list-style: none; float: left; font-size: 14px; line-height: 56px; margin-left:25px; box-sizing: border-box; overflow: hidden;}
.nav ul li.dangqian{border-bottom: 4px solid #4285f4;font-size: 14px!important;}
.nav ul li:hover{border-bottom: 4px solid #4285f4;}
.nav ul li a.king{color:#4285f4!important; font-weight: bold;}

.banner-kj{width: 100%; height: 460px; text-align: center;background:#193047 url(../images/banner-new.jpg) center top no-repeat; background-size:1920px 460px;}
.banner{width: 1200px; height: 460px; margin: 0 auto; padding:100px 0 0 0; text-align: left;}
.b-title1{ font-size:28px;line-height: 30px; color: #fff; font-weight: 400; margin-bottom: 20px; }
.b-title2{ font-size:49px;line-height: 60px; color: #fff; font-weight: bold; margin-bottom: 30px;  }
.b-title3{ font-size:20px;line-height: 30px; color: #fff; font-weight: 300;}
.anniu{width: 130px; height: 45px; background: #6495f8; text-align: center; font-size: 18px; line-height: 45px; color: #fff; margin-top: 60px; border-radius: 5px;-moz-border-radius: 5px; float: left; margin-right: 20px;}
.anniu a{display: inline-block;width: 130px; height: 45px;}
.anniu:hover{background: #67c47d;}

.part01{width: 1140px;margin: 0 auto; padding: 60px 0 0;text-align: left; color:#737c8b; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;}




.part02-kj{background-color: #fff; padding: 60px 0; }		
.part02{width: 1140px; margin: 0 auto;}
.part02 h3{ text-align: center; color:#20242b; font-size:30px;line-height: 30px; margin-bottom: 30px;}
.fangan{width: 1140px; height: auto; margin: 40px auto 20px; text-align: center; }
.fangan img{width: 919px; max-width: 919px;}
.neirong{width: 1140px; margin: 40px auto 20px; color:#737c8b; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.neirong p{margin-bottom: 20px;}


	
.part03-kj{background-color: #f8f8f8; padding: 60px 0; }	
.part03{width: 1140px;margin: 0 auto; }
.part03 h3{ text-align: center; color:#20242b; font-size:30px;line-height: 30px; margin-bottom: 30px; }
.part03-neirong{width: 800px; margin: 40px auto 20px; color:#737c8b; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;text-align: center; }
.wrapper { width:1140px; height:auto; margin-top:50px; border-top: 1px dashed #bfbfbf; padding-top: 50px;}
.tab {width:1140px;height:234px;}
.tab li {float:left;width:15.5%;height:234px; margin-right: 1.4%; cursor:pointer; background:#8ca6cf; text-align: center; position: relative;border-radius: 5px;}
.tab li.active:after{ width: 0px; height: 0px; border-width: 10px 10px; border-color: #4285f4 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:234px; left: 50%; margin-left: -10px;  content: "";}
.tab li:hover{ background:#4285f4; transition-duration: 0s; -webkit-transition-duration: 0s; animation-timing-function:ease-out;}
.tab li.active{background:#4285f4;}
.tab li:last-child{margin-right: 0;}
.tab li p{color:#fff; font:bold 18px/30px 'microsoft yahei',PingFangSC-Regular,SimSun; padding-top: 120px; position: relative; }
.tab li p:after{display: inline-block; width: 30px; height: 2px; background: #fff; content: ""; position: absolute; top: 160px; left: 50%; margin-left: -15px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; animation-timing-function:ease-out;}
.tab li p.p01:before{width: 55px; height: 55px; background: url(../images/cj01.png) 0 0 no-repeat; background-size: 55px 55px; content: ""; position: absolute; top: 55px;left: 50%; margin-left: -27px;}
.tab li p.p02:before{width: 57px; height: 53px; background: url(../images/cj02.png) 0 0 no-repeat; background-size: 57px 53px;content: ""; position: absolute; top: 55px;left: 50%; margin-left: -28px;}
.tab li p.p03:before{width: 52px; height: 56px; background: url(../images/cj03.png) 0 0 no-repeat; background-size: 52px 56px; content: ""; position: absolute; top: 55px;left: 50%; margin-left: -26px;}
.tab li p.p04:before{width: 51px; height: 55px; background: url(../images/cj04.png) 0 0 no-repeat; background-size: 51px 55px; content: ""; position: absolute; top: 55px;left: 50%; margin-left: -26px;}
.tab li p.p05:before{width: 53px; height: 53px; background: url(../images/cj05.png) 0 0 no-repeat; background-size: 53px 53px; content: ""; position: absolute; top: 55px;left: 50%; margin-left: -26px;}
.tab li p.p06:before{width: 56px; height: 57px; background: url(../images/cj06.png) 0 0 no-repeat; background-size: 56px 57px; content: ""; position: absolute; top: 55px;left: 50%; margin-left: -28px;}
.tab li p.p07:before{width: 57px; height: 52px; background: url(../images/cj07.png) 0 0 no-repeat; background-size: 57px 52px; content: ""; position: absolute; top: 55px;left: 50%; margin-left: -28px;}
.tab li p.p08:before{width: 58px; height: 54px; background: url(../images/cj08.png) 0 0 no-repeat; background-size: 58px 54px; content: ""; position: absolute; top: 55px;left: 50%; margin-left: -29px;}
.products {width:1140px; height:auto; display: block; margin-top: 40px;}
.products .main {float:left;display:none;} 
.products .main.selected {display:block;}
.jieshi{width: 440px;margin-top: 30px; margin-right: 80px;}
.img-div{width: 620px; text-align: right;}
.img-div img{width: 620px; max-width: 620px;}
.jieshi p.biaoti{color:#20242b; font:bold 20px/30px 'microsoft yahei',PingFangSC-Regular,SimSun; position: relative;}
.jieshi p.biaoti:after{display: inline-block; width: 30px; height: 4px; background: #20242b; content: ""; position: absolute; top: 60px; left: 0; }
.jieshi ul{margin-top: 60px;}
.jieshi ul li{color:#737c8b; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; margin-bottom: 10px;}
.jieshi ul li:before{display: inline-block;width: 8px; height: 8px; border-radius: 4px; background: #cc993c; content: ""; margin-right: 10px;}
	
	
.part04-kj{background:#fff; padding: 60px 0 40px; }
.part04{width: 1140px; margin: 0 auto; }
.part04 h3{ text-align: center; color:#20242b; font-size:30px;line-height: 30px; margin-bottom: 30px; }
.part04 .jiazhi{width: 1050px; margin: 60px auto 0;}
.part04 .jiazhi ul li{list-style: none; float: left; width: 350px; height: 230px; margin-right: 0;padding:90px 40px 10px; box-sizing: border-box;border-right: 1px solid #d9dce5;}
.part04 .jiazhi ul li.right-li{border-right:none;}
.part04 .jiazhi ul li:last-child{margin-right: 0;}
.part04 .jiazhi ul li.p01{background: url(../images/ts01.png) center top no-repeat; background-size: 68px 61px;}
.part04 .jiazhi ul li.p02{background: url(../images/ts02.png) center top no-repeat; background-size: 70px 62px;}
.part04 .jiazhi ul li.p03{background: url(../images/ts03.png) center top no-repeat; background-size: 71px 71px;}
.jiazhi ul li p.title01{color:#20242b; font:normal 16px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;  text-align: center; margin-bottom: 20px }
.jiazhi ul li p.title02{color:#737c8b; font:normal 13px/21px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.part04-neirong{width: 800px; margin: 50px auto 20px; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;text-align: center; }
.part04-neirong span{background:#ededed;padding: 5px 20px; border-radius: 50px; display: inline-block; color:#20242b;}


.part07-kj{background-color: #f5f5f5; padding: 60px 0; }	
.part07{width: 1140px;margin: 0 auto;}
.part07 h3{ text-align: center; color:#20242b; font-size:30px;line-height: 30px; margin-bottom: 30px;}
.part07 .logo-show{width: 1140px; margin: 50px auto 0;}
.part07 .logo-show ul li{list-style: none; float: left; width: 173px; height: 72px; margin-right: 20px;margin-bottom: 15px; border:1px solid #e9ebf3;}
.part07 .logo-show ul li img{width: 171px; height: 70px;}
.part07 .logo-show ul li:hover{border-color: #cdcdcd;}
.part07 .logo-show ul li:nth-child(6n){margin-right: 0;}
	
.part08-kj{ background:#e0e6f4 url(../images/shuji-bg.jpg) center top no-repeat; background-size: cover; }	
.part08{width: 1200px; margin: 0 auto; }	
.baipishu{width: 740px; height:472px; padding: 80px 0; box-sizing: border-box;  margin:0px auto;}	
.baipishu .shuji{width: 230px; float: left;padding-top: 30px;}
.baipishu .shuji img{width: 100%;}
.baipishu .wenzi{width: 410px; float: right; }
.baipishu .wenzi h5{ color:#20242b; font-size:20px; line-height: 18px; margin-bottom: 10px;}
.baipishu .wenzi h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}
.texing{width: 410px; margin-top: 20px;}
.texing ul li{list-style: none; float: left;width: 100%; font-size: 16px; line-height: 24px; margin-bottom: 5px;}
.texing ul li:before{width: 8px; height: 8px; border-radius: 4px; background: #4285f4; display: inline-block; margin-right: 15px; content: "";position: relative; top: -2px; }
.saoma{width: 100px; height: auto; text-align: center; font-size: 14px; line-height: 20px; color: #737c8b;  margin-top: 20px; }
.saoma img{width: 100px; }	
}


/* CSS 移动端样式 */
@media (max-width:992px) {
body{font-sze:14px; line-height: 20px; 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; }
.m-none{display: none;}
.topcc-kj{width: 100%; height: 60px; background-color:#fff; }
.topcc{width: 100%; margin: 0 auto;}
.topcc .logo{width: 40%; margin-top: 20px; margin-left: 20px;}
.nav{width: 25px; height: 21px; float: right; position: relative;margin: 20px 20px 0 0; background-color: #737c8b; border-top: 3px solid #737c8b; border-bottom: 3px solid #737c8b; background-clip: content-box; padding: 6px 0px;}
.nav ul{display: none;position: absolute; right: -20px; top: 37px;}
.nav:hover ul{display: block; z-index: 1000;}
.nav ul li{list-style: none; width:220px ;font-size: 16px;  height: 50px; line-height: 50px;text-align: center; background-color: #f7f8fb;border-bottom: 1px solid #d9dce5;}
.nav ul li.dangqian{ background-color: #d9dce5;}
.nav ul li a{display: block; width:220px; height: 50px; }

.banner-kj{width: 100%; height: 350px; text-align: center;background: #3d579a;}
.banner{width: 100%; height: 350px; margin: 0 auto; padding:60px 0 0 20px; background:#193047 url(../images/m-banner.jpg) center top no-repeat;background-size:cover;}
.b-title1{width: 80%; font-size: 20px; line-height: 28px; color: #fff;text-align: left;margin-bottom: 10px; position: relative; margin-bottom: 20px; }
.b-title2{width: 90%;  font-size: 28px; line-height: 32px; font-weight: bold; color: #fff;text-align: left; margin-bottom: 20px; }
.b-title3{width: 80%;  font-size: 14px; line-height: 20px; color: #fff;text-align: left; }
.anniu{width: 30%; height: 40px; background: #3a92ff; text-align: center; font-size: 16px; line-height: 40px; color: #fff; margin-top: 30px; border-radius: 5px;-moz-border-radius: 5px;}
.anniu a{display: inline-block;width: 100%; height: 40px;}
	
	
.t01{color:#20242b; font:bold 16px/28px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.t02{color:#555; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; }	
.t03{color:#20242b; font:bold 16px/20px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.t04{color:#f1f1f1; font:normal 14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.t05{color:#fff; font:16px/30px 'microsoft yahei',PingFangSC-Regular,SimSun; }	
.txt01{color:#20242b; font:bold 16px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.txt02{color:#555; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; }	
.t-center{text-align: center; }
.mgt10{margin-top: 10px;}
	

.part01{width: 92%;margin: 0 auto; padding: 30px 0 0;text-align: left; color:#737c8b; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;}


.part02-kj{background-color: #fff; padding: 30px 0; }
.part02{width: 92%;margin: 0 auto; }
.part02 h3{ text-align: center; color:#20242b; font:normal 20px/30px 'microsoft yahei',PingFangSC-Regular,SimSun;padding: 0 10%; }
.fangan{width: 100%; height: auto; margin: 20px auto 20px; }
.fangan img{width: 100%; max-width: 100%;}
.neirong{width: 100%; margin: 20px auto; color:#737c8b; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;}
.neirong p{margin-bottom: 20px;}
	
	
.part03-kj{background-color: #f8f8f8; padding: 30px 0; }
.part03{width: 92%;margin: 0 auto; }
.part03 h3{ text-align: center; color:#20242b; font:normal 20px/30px 'microsoft yahei',PingFangSC-Regular,SimSun;padding: 0 15%; }
.part03-neirong{width: 100%; margin: 20px auto; color:#737c8b; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;}
.wrapper { width:100%; height:auto; margin-top:30px;padding-top: 30px; border-top:1px dashed #bfbfbf;}
.tab {width:100%;height:auto;}
.tab li {float:left;width:22.75%;height:80px; margin-right: 3%;  background:#a5b6d3; text-align: center; margin-bottom: 10px;box-sizing: border-box;display: flex; justify-content: center;align-items: center; border-radius: 5px;}
.tab li:nth-child(4n){margin-right: 0;}
.tab li.active{background:#4285f4; position: relative;}
.tab li.active:after{ width: 0px; height: 0px; border-width: 6px 6px; border-color: #4285f4 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:80px; left: 50%; margin-left: -6px;  content: "";}
.tab li p{color:#fff; font:bold 16px/20px 'microsoft yahei',PingFangSC-Regular,SimSun; padding: 0 20%; position: relative; }
.products {width:100%; height:auto; display: block; margin-top: 0px;}
.products .main {float:left;display:none;} 
.products .main.selected {display:block;}
.jieshi{width: 100%;margin-top: 20px; margin-right: 13px;}
.img-div{width: 100%; margin-top: 20px;}
.img-div img{width: 100%; max-width: 100%;}
.jieshi p.biaoti{color:#20242b; font:bold 17px/24px 'microsoft yahei',PingFangSC-Regular,SimSun; position: relative;}
.jieshi p.biaoti:after{display: inline-block; width: 30px; height: 4px; background: #4285f4; content: ""; position: absolute; top: 35px; left: 0; }
.jieshi ul{margin-top: 30px;}
.jieshi ul li{color:#737c8b; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;}
	
	
	
.part04-kj{background: #fff; padding: 30px 0;}	
.part04{width: 92%; margin: 0 auto;}
.part04 h3{ text-align: center; color:#20242b; font:normal 20px/30px 'microsoft yahei',PingFangSC-Regular,SimSun;padding: 0 10%; }
.part04 .jiazhi{width: 100%; margin: 20px auto 10px;}
.part04 .jiazhi ul li{list-style: none; float: left; width: 32%; height: auto; margin-right: 2%; padding: 80px 5px 5px; box-sizing: border-box;border: 1px solid #d9dce5;}
.part04 .jiazhi ul li:last-child{margin-right: 0;}
.part04 .jiazhi ul li.p01{background:#fff url(../images/ts01.png) center 20px no-repeat; background-size:30%;}
.part04 .jiazhi ul li.p02{background:#fff url(../images/ts02.png) center 20px no-repeat; background-size:30%;}
.part04 .jiazhi ul li.p03{background:#fff url(../images/ts03.png) center 20px no-repeat; background-size:30%;}
.jiazhi ul li p.title01{color:#20242b; font:normal 14px/21px 'microsoft yahei',PingFangSC-Regular,SimSun; text-align: center; margin-bottom: 10px; }
.jiazhi ul li p.title02{color:#737c8b; font:normal 13px/18px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.part04-neirong{width: 100%; margin: 20px auto 20px; font:14px/24px 'microsoft yahei',PingFangSC-Regular,SimSun;text-align: left; }
.part04-neirong span{background:#e3eeff;padding: 10px; display: inline-block; color:#20242b; border-radius: 5px;}

	

.part07-kj{background: #f5f5f5; padding: 30px 0 10px;}	
.part07{width: 92%; margin: 0 auto;}
.part07 h3{ text-align: center; color:#20242b; font:normal 20px/30px 'microsoft yahei',PingFangSC-Regular,SimSun;padding: 0 10%; }
.part07 .logo-show{width: 100%; margin: 30px auto;}
.part07 .logo-show ul li{list-style: none; float: left; width: 32%; height: auto; margin-right: 2%; margin-bottom: 10px;}
.part07 .logo-show ul li:nth-child(3n){margin-right: 0;}
.part07 .logo-show ul li img{width: 100%; max-width: 100%;}


.part08-kj{ background:#e0e6f4 url(../images/shuji-bg.jpg) center top no-repeat; background-size: contain; }	
.part08{width: 92%; margin: 0 auto; }	
.baipishu{width: 100%; height:auto; padding: 40px 0; box-sizing: border-box;  margin:0px auto;}	
.baipishu .shuji{width: 30%; float: left;}
.baipishu .shuji img{width: 100%;}
.baipishu .wenzi{width: 65%; float: right;}
.baipishu .wenzi h5{ color:#20242b; font-size:14px; line-height: 18px; margin-bottom: 5px;}
.baipishu .wenzi h3{ color:#20242b; font-size:18px; line-height: 24px; font-weight: bold;}
.texing{width: 100%; margin-top: 15px;}
.texing ul li{list-style: none; float: left; font-size: 13px; line-height: 18px; margin-bottom: 5px;}
.texing ul li:before{width: 6px; height: 6px; border-radius: 3px; background: #4285f4; display: inline-block; margin-right: 10px; content: "";position: relative; top: -2px; }
.saoma{width: 100px; height: auto; text-align: center; font-size: 13px; line-height: 18px; color: #737c8b;  margin-top: 20px; }
.saoma img{width: 100px;}	
	
.footer{width: 100%; height: 60px; background: #575757; font:normal 14px/60px 'microsoft yahei',PingFangSC-Regular,SimSun;  color: #fff; margin-bottom: 60px; text-align: center;}
.rexian{width: 100%;  position: fixed; height: 60px; bottom: 0; left: 0; }
.rexian-cc1{width: 50%; height: 60px;font:normal 20px/60px 'microsoft yahei',PingFangSC-Regular,SimSun;  color: #4574b1; text-align: center;background: #d8e7fa;}
.rexian-cc2{width: 50%; height: 60px;font:normal 20px/60px 'microsoft yahei',PingFangSC-Regular,SimSun;  color: #fff; background: #4574b1; text-align: center; }
.rexian-cc2 a{display: inline-block; width: 100%; height: 60px; text-decoration: none; color: #fff;}

}