@charset "utf-8";
/*内页样式*/
.wrapper{max-width: 1500px;margin: 0 auto;padding: 0 10px;}
.subbanner{height: 550px;overflow: hidden;position: relative;width: 100%;display: flex;align-items: center;}
.subbanner .sub_pic{position: absolute;right: 0;top: 50%;width: 100%;height: 100%;overflow: hidden;transform: translateY(-50%);}
.subbanner .sub_pic img{position: relative;left: 50% !important;transform: translateX(-50%) !important;}
.subbanner .txtarea{position: relative;z-index: 3;width: 1500px;padding: 0 10px;margin: 0 auto;color: #fff;}
.subbanner .h1{font-weight: 600;}
.subbanner .des{font-size: 24px;margin:25px 0}
.subbanner ul{display: flex;flex-direction: row;padding-top: 30px;}
.subbanner li{color: #000;background: #fff;margin-right: 30px;width: 200px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;}
.subbanner li.active,.subbanner li:hover{color: #fff;background: #00469c;}
.subbanner li.active a{color: #fff;}
.subbanner li a{display:block}
.subbanner li a:hover{color: #fff; display:block}
.imgarea img{max-width: 100%;width: 100%;}
.wrap {
	width:88vw;
	max-width:1500px;
	margin-left:auto;
	margin-right:auto
}
@media (max-width:639px) {
.wrap {
width:92vw
}
}
main {
	margin-top:0px;
	overflow:hidden
}
@media (max-width:768px) {
main {
margin-top:0px
}
}
.vhd {
margin-bottom:.4rem
}
.vhd h2 {
font-size:.4rem
}
.vhd .desc {
	font-size:16px;
margin-top:.1rem
}
@media (max-width:480px) {
.vhd h2 {
font-size:22px
}
}
.banner {
	position:relative;
	height:5.6rem;
	overflow:hidden
}
.banner .bg {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition:all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
	transform:scale(1.1)
}
.banner.animated .bg {
	transform:scale(1)
}
.banner .content {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5
}
.banner .wrap {
	height:100%;
	display:flex;
	align-items:center;
	position:relative;
padding-bottom:.4rem;
	color:#fff;
}
.banner .wrap img {
	margin-top:50px;
}
.banner h2 {
font-size:.5rem;
margin-bottom:.1rem;
	font-weight:bold;
}
.banner .desc {
	font-size:24px
}
@media (max-width:800px) {
.banner .wrap {
width: 300px;
}
.banner .wrap img {
display:none
}
}
@media (max-width:480px) {
.banner .desc {
font-size:16px
}
}
@media (max-width:480px) {
.banner {
height:4rem
}
.banner h2 {
font-size:22px
}
}
.menu_lg {
	font-size:20px;
margin-bottom:.1rem;
	margin-top:0.1rem;
	font-weight:bold;
}
.menu_lg1 {
	background-color:#f9f9f8;
	font-size:18px;
margin-bottom:.8rem;
}
@media (max-width:380px) {
.menu_lg.xs_hiden {
display:none
}
}
.menu_lg .wrap {
}
@media (max-width:480px) {
.menu_lg .wrap {
width:96vw;
display:-webkit-flex;
display:flex;
display:-webkit-box;
display:box;
-webkit-align-items:center;
align-items:center;
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:justify;
box-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
font-size:15px
}
.menu_lg .wrap a {
min-width:0;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
-webkit-flex-shrink:1;
-ms-flex-negative:1;
flex-shrink:1;
display:block;
padding:0
}
}
.menu_lg a {
	display:inline-block;
line-height:.8rem;
padding:0 .2rem;
	color:#666;
	position:relative
}
.menu_lg1 a:hover {
	color:#00469c
}
.menu_lg1 a {
	display:inline-block;
line-height:.8rem;
padding:0 .2rem;
	color:#666;
	position:relative
}
.menu_lg a:hover {
	color:#00469c
}
@media (min-width:641px) {
.menu_lg a {
margin:0 .0rem;
padding:0 .4rem
}
}
@media (max-width:480px) {
.menu_lg a {
line-height:1rem
}
}
.menu_lg a::after {
content:'';
display:block;
position:absolute;
width:100%;
left:0;
bottom:0
}
.menu_lg .active {
	color:#00469c
}
.menu_lg .active::after {
background-color:#00469c
}
.menu_lg1 .active {
	color:#00469c
}
.menu_lg1 .active::after {
background-color:#00469c
}
.menu_lg+.menu_xs {
	position:relative;
	margin-top:-0.5rem
}
.honor_main {
	background:url('../images/honor_bg.png') no-repeat center top;
	background-color:#fff;
	padding-top:0px;
	padding-bottom:50px;
	position:relative;
	margin-top:-0.2rem
}
@media (max-width:639px) {
.honor_main .vhd h2 {
text-align:center;
margin-bottom:.5rem
}
}
@media (min-width:640px) {
.honor_main .vhd {
display:-webkit-flex;
display:flex;
display:-webkit-box;
display:box;
-webkit-align-items:center;
align-items:center;
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:justify;
box-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
}
.honor_main .vhd nav {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center
}
@media (max-width:639px) {
.honor_main .vhd nav {
display:-webkit-flex;
display:flex;
display:-webkit-box;
display:box;
-webkit-align-items:center;
align-items:center;
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:center;
box-pack:center;
-webkit-justify-content:center;
justify-content:center;
margin-top:.3rem
}
}
.honor_main .vhd nav a {
	display:block;
	line-height:40px;
	border:1px solid #ccc;
	background:#fff;
	padding:0 20px;
	margin-left:10px;
	font-size:16px;
	color:#666
}
@media (max-width:480px) {
.honor_main .vhd nav a {
line-height:36px;
font-size:15px;
padding:0 12px
}
.honor_main .vhd nav a a {
margin:0 5px
}
}
.honor_main .vhd nav a.active, .honor_main .vhd nav a:hover {
	background-color:#00469c;
	color:#fff;
	border-color:#00469c
}
.honor_main .row {
	margin-left:-0.18rem !important;
	margin-right:-0.18rem !important;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch
}
.honor_main .row>* {
padding-left:.18rem !important;
padding-right:.18rem !important;
margin-bottom:.36rem
}
.honor_main .row::before {
display:none
}
@media (max-width:480px) {
.honor_main .row {
margin-left:-0.1rem !important;
margin-right:-0.1rem !important
}
.honor_main .row>* {
padding-left:.1rem !important;
padding-right:.1rem !important;
margin-bottom:.2rem
}
}
.honor_main .inner {
	background:#fff;
padding:.3rem .3rem .3rem;
	text-align:center;
	height:100%;
transition:.6s;
	border: 1px solid #f0f0f0;
}
.honor_main .inner:hover {
	box-shadow:0 0 15px rgba(0, 0, 0, 0.3)
}
.honor_main .inner .img {
margin-bottom:.2rem
}
.honor_main .inner span {
	font-size:18px;
	padding-top:30px;
	font-weight:700;
	display:block;
}
.honor_main li a:hover {
	color:#004693
}
.lei .active {
	color:#004693
}
.lei img{ margin-top:16px;}
@media (max-width:640px) {
.honor_main .inner .tit {
font-size:14px
}
}
.solution_intro {
padding:1rem 0 .8rem
}
@media (min-width:992px) {
.solution_intro .content {
display:flex;
align-items:stretch
}
.solution_intro .lbox {
width:50%;
max-width:680px;
order:-1
}
.solution_intro .lbox .coverbox {
height:100%
}
.solution_intro .rbox {
flex:1;

align-items:center
}
}
@media (min-width:481px) {
.solution_intro .content {
background:#f6f6f6
}
}
.solution_intro .rbox {
padding:.3rem 5%
}
@media (max-width:1360px) {
.solution_intro .rbox {
padding:.3rem 3%
}
}
@media (max-width:480px) {
.solution_intro .rbox {
padding:0 0 .5rem
}
}
.solution_intro .rbox h2 {
font-size:.36rem
}
@media (max-width:768px) {
.solution_intro .rbox h2 {
font-size:22px
}
}
.solution_intro .rbox .txt {
	font-size:16px;
	color:#666;
	line-height:1.76
}
.solution_intro .rbox .txt p {
margin-top:.2rem
}

.hd3 {
font-size:34px;
	padding-left:0rem;
	position:relative;
margin-bottom:.1rem;
color:#333333;
	


}
.hd4 {
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
		padding-bottom:20px;
}
 @media (max-width:768px) {
.hd3 {
font-size:20px;
padding-left:.0rem
}
.hd3::before {
height:.36rem
}
}
.solution_intro {
padding:1rem 0 .8rem
}
@media (min-width:992px) {
.solution_intro .content {

align-items:stretch
}
.solution_intro .lbox {
width:50%;
max-width:680px;
order:-1
}
.solution_intro .lbox .coverbox {
height:100%
}
.solution_intro .rbox {
flex:1;

align-items:center
}
}
@media (min-width:481px) {
.solution_intro .content {
background:#f9f9f8;
}
}
.solution_intro .rbox {
padding:.3rem 5%
}
@media (max-width:1360px) {
.solution_intro .rbox {
padding:.3rem 3%
}
}
@media (max-width:480px) {
.solution_intro .rbox {
padding:0 0 .5rem
}
}
.solution_intro .rbox h2 {
font-size:.36rem;

}
@media (max-width:768px) {
.solution_intro .rbox h2 {
font-size:22px
}
}
.solution_intro .rbox .txt {
	font-size:16px;
	color:#666;
	line-height:1.76
}
.solution_intro .rbox .txt strong{
	display:block;
	color:#333;
	padding-top:20px;
	padding-bottom:10px;
	font-size:20px;

}
.lx{ width:auto; margin-top:20px;}
.lx .anniu1{ float:left; width:192px; height:53px; line-height:53px; font-size:18px; text-align:center; background-color:#00469c; color:#fff}
.lx .anniu1 a{ color:#fff}
.lx .anniu2{
	float:left;
	width:192px;
	height:53px;
	line-height:53px;
	font-size:18px;
	text-align:center;
	background-color:#fff;
	color:#00469c;
	margin-left:20px;
	margin-right:20px;
	border: 2px solid #00469c;
}
.lx .anniu2 a{ color:#00469c}
.lx .anniu3{ float:left}
.lx .anniu3 li{ float:left; margin-right:8px; margin-top:5px;}
@media (max-width:768px) {
.lx .anniu3{ padding-bottom:20px; padding-top:20px;}
}
}
.solution_intro .rbox .txt p {
margin-top:.2rem
}
.framework_box {
	margin-bottom:1rem
}
.framework_box .bd {
padding:.3rem;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
	text-align:center
}
.about_goods {
	background:#fff;
padding:.8rem 0 .9rem
}
.about_goods .hd {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
margin-bottom:.36rem
}
.about_goods .hd .hd3 {
	margin-bottom:0
}
#con {
	FONT-SIZE: 12px;
	MARGIN: 0px auto;
	WIDTH: 100%
}
#tags {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px 10px;
	WIDTH: 700px;
	PADDING-TOP: 0px;
	HEIGHT: 98px;
	margin-left:auto;
	margin-right:auto;
}
.xian {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.lei{ width:auto;}
.lei h2{ font-size:34px; font-weight: bold; line-height:60px;}
.lei li{ float:left; font-size:18px; line-height:40px; padding-left:0px; padding-right:30px; margin-bottom:30px;}

.fa{ width:auto; background-color:#00469c; color:#FFFFFF; height:100px; font-size:16px;}
.fa a{ color:#FFFFFF;}
.fa .b01{ float:left; width:50%; font-size:22px; line-height:100px;}
.fa .b01 img{ padding-right:10px; padding-top:25px;}
.fa .b02{ float:left; width:30%;}
.fa .b02 li{ float:left; width:30%; line-height:100px; font-size:16px}
.fa .b03{ float:left; width:128px; line-height:40px;border-radius: 25px; text-align:center; margin-top:25px;
  border: 2px solid #fff;}
  
.fa3{ width:auto; line-height:30px; font-size:16px; padding-top:3%; padding-bottom:35px;}

.fa4{ width:auto; overflow:hidden; margin-bottom:35px;}
.fa4 li{ width:33.33%; float:left; }
.fa4 li strong{ font-size:60px; color:#0055b1; float:left; padding-left:20%;}
.fa4 li span{ font-size:18px; float:left; padding-top:20px; padding-left:10px;}


@media only screen and (max-width: 1400px){
  .subbanner{height: 30vw;}
  .subbanner .txtarea .h1{font-size: 36px;margin: 0;}
  .subbanner ul{padding: 0;}
  .botarea li .imgarea{height:19vw ;}
  .rczl li .h3{font-size: 24px;margin: 15px 0 25px;}
  .rczl li .wrap{padding: 30px 20px 60px;}
  .newslist li .wrap .imgarea{height: 18vw;}
  .china{right: 22%;}
  .dyz{right: 15%;}
  .subbanner li{width: auto;font-size: 20px;flex: 1;margin-right: 20px;}
}

@media only screen and (max-width: 1200px){
  .application-nav li i{line-height: 1;}
  .inner .h2{font-size: 30px;}
  .botarea li .imgarea{height: 25vw;}
  .rczl li{margin-bottom: 20px;}
  .rczl li .wrap{padding: 30px 20px 40px;}
  .job-box .job-detail .h3{font-size: 26px;}
  .right_sides{display: none;}
  .left-cont{width: 100%;}
  .sale-service li .tit{padding-bottom: 10px;margin-bottom: 10px;}
  .shzr ul li{margin-bottom: 20px;}
  .shzr li .wrap{padding: 30px;}
}

@media only screen and (max-width: 1000px){
  .inner .h2{font-size: 26px;}
  .subbanner .txtarea .h1{font-size: 30px;margin: 0;}
  .subbanner .des{font-size: 22px;margin: 20px 0;}
  .subbanner ul{display: none;}
  .contactus .txtarea{padding: 30px;}
  .contactlist{flex-wrap: wrap;}
  .contactlist li{width: 33.33%;flex: inherit;}
  .application-nav li{text-align: center;}
  .application-nav li i{font-size: 36px;}
  .application .applicationlist li .txtarea{padding: 30px 30px 30px 0;}
  .application .applicationlist li:nth-child(even) .txtarea{padding-left: 30px;}
  .app-content .toparea ul{margin: 5% 0;}
  .app-content .toparea li{font-size: 18px;}
  .app-content .toparea .txtarea{padding: 30px;}

  .botarea li .imgarea{height: 35vw;}
  .job-box .job-detail .h3{font-size: 24px;}
  .newslist li .wrap .imgarea{height: 30vw;}
  .newslist li{margin-bottom: 10px;}
  .sale-service{background: #f9f9f8;}
  .sale-service .txtarea{padding: 0;}
  .china{top: 31%;right: 21%;}
  .dyz{right: 13%;top: 68%;}
  .fa4 li span{ font-size:14px; float:left; padding-top:20px; padding-left:10px;}
}

@media only screen and (max-width: 768px){
  .inner .h2{font-size: 24px;}
  .subbanner .txtarea .h1{font-size: 26px;}
  .subbanner .des{margin: 10px 0;}
  
  .inner .h2{font-size: 26px;}
  .contactlist{display: none;}
  .applicationlist .h2{font-size: 26px;}
  .application-nav li i{font-size: 30px;}
  .application-nav li{padding: 10px 0;}
  .application-nav{position: relative;top: 0;}
  .application-nav ul{flex-wrap: wrap;}
  .application-nav li{width: 20%;flex: inherit;}
  .app-content{padding-top: 0;}
  .application .applicationlist li .txtarea{padding: 0 30px 30px 30px;}
  .newslist li .tit{margin-bottom: 0;}
  .newslist li .txtarea{margin: 10px;}
  .sub_title h3{font-size: 24px;}
  .relate{display: none;}
  .china{top: 25%;right: 20%;}
  .dyz{right: 12%;top: 60%;}
  .oz{top: 15%;right: 40%;}
  .yz{top: 14%;right: 29%;}
  .bmz{top: 13%;left: 22%;}
  .downloadlist li{padding: 0 0 15px 0;}
  .downloadlist li i{padding: 10px 25px;}
}
  

@media only screen and (max-width: 640px){
 
}

@media only screen and (max-width: 480px){
  
}