﻿.about_biaoti {
	position: relative;
	height:120px;
	min-height:120px;

}
.about_biaoti_en {
	position: absolute;
	z-index:5;
	height:auto;
	color:#e7e7e7;
	text-align:left;
	line-height:40px;
	text-transform: uppercase;
	font-size:35px; padding-top:30px;font-weight:bold;padding-left:10px
}



.about_biaoti_cn {
	position: absolute;
	z-index:6;
	height:auto;
	color:#000;
	text-align:left;
	line-height:40px;
	font-size:35px; font-weight:bold; border-left:3px solid #164db1; padding-left:10px; 
}

 @media screen and (max-width: 768px) {
	 
	 
	 .about_biaoti {
	position: relative;
	height:70px;
	min-height:70px;

}
.about_biaoti_en {
	font-size:25px; padding-top:15px;
}



.about_biaoti_cn {
	line-height:30px;
	font-size:25px; 
}
	 
	 
	 
	 }


.biaoti {
	width: 100%;
	position: relative;
	height:auto;
	min-height:70px;
	font-weight:bold
}
.biaoti_en {
	position: absolute;
	z-index:5;
	width:100%;
	height:auto;
	color:#e7e7e7;
	text-align:center;
	line-height:40px;
	text-transform: uppercase;
	font-size:50px;
}
.biaoti_cn {
	position: absolute;
	z-index:6;
	width:100%;
	height:auto;
	color:#000;
	text-align:center;
	top:20px;
}

.biaoti_cn span{border-left:3px solid #164db1; display:block;font-size:40px; width:200px; margin:0 auto; line-height:35px}


.bt_wz {
	width:100%;
	text-align:center;
}




 @media screen and (max-width: 1440px) {
	 .biaoti {
min-height:60px;
}
 .biaoti_en {
font-size:38px;
}
.biaoti_cn {
font-size:34px;
}
}
 @media screen and (max-width: 768px) {
 .biaoti_en {
font-size:38px;
}
.biaoti_cn {
font-size:34px;
}
}
 @media screen and (max-width: 414px) {

.biaoti_en {
font-size:28px;
}
.biaoti_cn {
font-size:24px;
}
.biaoti_cn span{font-size:24px;  line-height:25px}
}
/*  产品中心*/
.cp_list {

}
.cp_list ul {
}
.cp_list ul li {width:23%; margin:1% 1%
}
.cp_list ul li img {
	width:100%; border:1px solid #CCC; padding:1%
}
.cp_list ul li h4 {
	line-height:60px; width:100%; text-align:center
}

 @media screen and (max-width: 1024px) {
 .cp_list {
width:98%;
margin-top:20px
}
.cp_list ul {
}
.cp_list ul li {
width:48%;
margin-bottom:20px
}
.cp_list ul li h4 {
line-height:40px
}
}
 @media screen and (max-width:414px) {
.cp_list ul li h4 {
line-height:30px
}
}
/*关于*/

.about {
}
.about_nr {
}
.about_nr .img {
	width:33%
}
.about_nr .img img {
	width:100%;
	height:auto
}
.about_nr .wz {
	width:58%;
}
.about_nr .wz h3 {
	font-size:34px!important;
	line-height:40px;
	font-weight:400
}
.about_nr .wz .en {
	text-transform: uppercase;
	font-size:14px;
	color:#b0afaf
}
.about_nr .wz .jianjie {
	margin-top:90px;
	display:block;
	font-size:14px; line-height:35px!important;
}
.about_nr .wz .jianjie p,div{line-height:35px}
.about_nr .wz .btn {
	width:120px;
	height:40px;
	line-height:40px;
	margin-top:30px;
	font-size:14px;
	text-align:center;
	background-color:#005aba;
	display:block;
	color:#FFF
}
.about_nr .wz img {
	width:100%;
	height:auto;
	max-width:590px;
	margin-top:30px
}

 @media screen and (max-width: 1680px) {}
 @media screen and (max-width: 1440px) {}


 @media screen and (max-width: 768px)
 {.about_nr .wz {
	width:100%;
}

.about_nr .wz .jianjie {
	margin-top:60px;line-height:25px!important;
}

.about_nr .wz .jianjie p,div{line-height:25px}


.about_nr .wz .btn {
	margin-top:0px;
}

}












.about_ys {
	height:auto;
	width:100%;
	background-color:#FFF;
}
.about_ys ul {}

.about_ys ul li {width:21%; margin:0 2%; float:left 
}

.about_ys ul li .img { width:30%
}
.about_ys ul li div { width:60%
}
.about_ys ul li .img  img{ width:100%;}

.shuzi {
	font-size: 56px!important;
	width:100%;
	color:#000!important;font-weight:bold;display:block; padding-top:20px; text-align:center
}
 .yswz{width:100%;font-size:16px!important; display:block; padding-top:30px; text-align:center }

 @media screen and (max-width: 1024px) {
.about_nr .img {
width:98%;
text-align:center;
margin:0px auto
}
.about_nr .wz {
width:98%;
margin:0px auto
}
.about_nr .wz img {
width:100%;
height:auto;
max-width:100%;
margin-top:30px
}
}
 @media screen and (max-width: 414px) {
 .about_nr .wz h3 {
font-size:22px!important;
line-height:30px;
font-weight:400
}
 .about_nr .wz .en {
text-transform: uppercase;
font-size:12px;
color:#b0afaf
}
}
/*应用*/

.yy {background:url(../sximg/yy_bg.jpg) no-repeat; width:100%
}
.yy_nr {
	margin:70px auto 0 auto
}
.yy ul {
	
}
.yy ul li {
	width:33.33333333%; height:740px}


.li-1{background:url(../sximg/yy1.jpg) no-repeat;}
.li-2{background:url(../sximg/yy2.jpg) no-repeat;}
.li-3{background:url(../sximg/yy3.jpg) no-repeat;}




.tubiao{width:100px; height:100px; background-color: rgba(0, 76, 167, 0.2);border-radius: 50px; margin:55% auto 0 auto; text-align:center}
.tubiao img{ width:80%; padding-top:8px}
.yywz{ width:100%; line-height:30px!important;color:#004ca7; text-align:center; font-weight:500;text-transform: uppercase; padding-top:20px; font-size:18px }



.yy_mbban:hover {
	position: absolute;
	z-index:6;
	width:100%;
	height:450px;
	background:url(../sximg/yy_bg1.png);
	background-size:100% 100%
}
.yy_wz {
	position: absolute;
	z-index:7;
	width:100%;
	height:auto;
	color:#fff;
	text-align:left;
	font-size:48px;
	top:280px;
	padding-left:100px
}
 @media screen and (max-width: 1440px) {
.yy {
background-color:#f5f5f5;
padding:0px 0 0 0;
}

 .yy_bg {
height:330px;
}
.yy_mbban {
height:330px;
}
.yy_mbban:hover {
height:330px;
}
.yy_wz {
font-size:40px;
top:205px;
font-size:38px;
padding-left:60px
}

.yy_nr {
	margin:50px auto 0 auto
}
}

 @media screen and (max-width: 1024px) {
	 
	 .yy_bg {
height:250px;
}

.yy_nr {
	margin:30px auto 0 auto
}

.yy_mbban {
height:250px;
}
.yy_mbban:hover {
height:250px;
}
.yy_wz {
font-size:40px;
top:150px;
font-size:30px;
padding-left:40px
} 
	 
 }



 @media screen and (max-width: 768px) {
	 
.yy_bg {
height:180px;
}
.yy_nr {
	margin:20px auto 0 auto
}
.yy_mbban {
height:180px;
}
.yy_mbban:hover {
height:180px;
}
.yy_wz {
font-size:40px;
top:105px;
font-size:20px;
padding-left:30px
} 
	 
 }

 @media screen and (max-width: 414px) {
	 
.yy_nr ul li {
	width:98%;
	margin:10px 0 0 0
}

 }
/*新闻*/



.new_nr {
	
}
.new_nr .l {width:28%; border:1px solid #CCCCCC
}
.new_nr .l img {width:100%;height:auto; max-height:230px;
}
.new_nr .l span { padding:5px 10px; font-size:14px; line-height:25px; display:block}

.new_nr .l span h3  {font-size:14px;}


.new_nr .r {
	width:68%;font-size:14px
}
.new_nr .r ul {
	width:100%;
}
.new_nr .r ul li {
	width:100%;height:auto; border-bottom:1px dashed #CCCCCC ; margin-bottom:20px; padding-bottom:20px;
}
.new_nr .r ul li .time {
	width:70px; height:70px;border:1px solid #005aba ; line-height:25px!important; text-align:center; padding-top:5px; background:#005aba; color:#FFFFFF
}

.new_nr .r ul li strong { font-size:24px}


.new_nr .r ul li span { text-align:left; display:block; padding-left:20px; width:90%
	
}

.new_nr .r ul li span h3 {
	line-height:30px;
	font-size:16px;
}
.new_nr .r ul li span h3 a {
	color:#000
}

.new_bot {
	margin-bottom:0!important
}
 @media screen and (max-width: 1440px) {
.new_nr .r ul li span h3 {
line-height:25px;
font-size:14px;
}
.new_nr .r ul li .img img {
}
}



 @media screen and (max-width: 768px) {
.new {
	background-color:#fff;/* padding:80px 0 80px 0;*/
}	 
.new_nr .l {
	width:100%; margin-bottom:10px; margin-top:20px
}

.new_nr .l span h3 {
	line-height:28px;
	font-size:14px;
}


.new_nr .r {
	width:100%; 
}


.new_nr .r ul li .img {width:100%;
}
.new_nr .r ul li span {
	width:100%;
	
}
 }
 
  @media screen and (max-width: 1024px) {
 
 
 .new_nr .r ul li { max-height:80px; overflow:hidden
}

.new_nr .r {
	width:100%;
}
  }