.top-right {display: flex; width:100%; padding: 0px 40px; background-color: #076aeb;}
.top-right li{flex: 1; line-height: 60px;}
.top-right li a{font-size: 16px; display: block; color: #ffffff; text-align: center;}
.top-right li a:hover{font-size: 16px; display: block; color: #ffffff; background-color: #ff6300; text-align: center;}
.neirong img{
width: 100%;
}
.area-image {
overflow: hidden;
}
.area-image img {
width: 100%;
transition: all 2s ease-in-out 0s;
-webkit-transition: all 2s ease-in-out 0s;
-moz-transition: all 2s ease-in-out 0s;
-o-transition: all 2s ease-in-out 0s;
}
.area-image img:hover {
transform: scale(1.3);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
}
.area-info {
background-color: #FFF;
padding: 0 20px;
position: relative;
}
.tb3{
background-color:#fe6100;
height:40px;
line-height:40px;
width:153px;
color:#fff;
border:0px;
}
.tb1{
border-left:1px solid #d4d4d4; 
border-right:1px solid #d4d4d4; 
border-top:1px solid #d4d4d4; 
border-bottom:1px solid #d4d4d4;
background-color:#ececec;
height:40px;
line-height:40px;
width:100%;
color:#666;
}
.tb2{
border-left:1px solid #d4d4d4; 
border-right:1px solid #d4d4d4; 
border-top:1px solid #d4d4d4; 
border-bottom:1px solid #d4d4d4;
background-color:#ececec;
height:95px;
line-height:40px;
width:100%;
color:#666;
}
/* 导航 */
#nav {margin:0 auto; width:100%; display:block;}
#nav .mainlevel {float:left; width:120px;/*IE6 only*/}
#nav .mainlevel a {color:#ffffff; text-align: center; text-decoration:none; line-height:50px; display:block; width:100%; font-size: 16px;}
#nav .mainlevel a:hover {color:#666666;text-align: center;background:#ffffff; text-decoration:none;}
#nav .mainlevel ul {display:none; position:absolute;z-index: 9999;}
#nav .mainlevel li {background:#f08200; width:150px;/*IE6 only*/}
/*服务项目*/
.fwxm{display: flex; width: 100%;}
.fwxm li{flex:1; text-align: center; border-top: 1px solid #056beb; border-bottom: 1px solid #056beb; border-left: 1px solid #056beb;}
.fwxm li:last-child{border: 1px solid #056beb;}
.fwxm li a{display: block; text-align: center; line-height:42px; width: 100%;}
.fwxm li a:hover{display: block; text-align: center; line-height: 42px;  background-color: #056beb; color: white;}
/* 公司介绍 */
.about-bg{
background-color: #656565;
border-radius: 20px;
}
.navbar {
    display:table;
    margin:0 auto;
}
.navbar li {
    display:table-cell;
}
.navbar li a{
    display:block;
	width: 140px;
	line-height: 40px;
	background-color: #076aeb;
	text-align: center;
	color: #ffffff;
	margin-right: 20px;
}
.navbar li a:hover{
    display:block;
	width: 140px;
	line-height: 40px;
	background-color: #ff6300;
	text-align: center;
	color: #ffffff;
	margin-right: 20px;
}
.list  {
	width: 100%;
	display: flex;
}
.list li{
	flex: 1;
	width: 100%;
	margin: 0px 20px 20px 0px;
}
.list li:nth-child(4n){
	margin: 0px 0px 20px 0px;
}
.list li .kuang{
	width: 100%;
	position:relative;
}
.list li .kuang img{
	width: 100%;
	top: 0px;
	left: 0px;
}
.list li .kuang p a{
	text-align: center;
	background-color: #000000;
	opacity: 0.7;
	width: 100%;
	height: 40px;
	bottom: 0px;
	right: 0px;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	position: absolute;
	z-index: 1;
}
.list li .kuang p a:hover{
	text-align: center;
	background-color: #ff6300;
	opacity: 0.9;
	width: 100%;
	height: 40px;
	font-size: 16px;
	bottom: 0px;
	right: 0px;
	line-height: 40px;
	color: #fff;
	position: absolute;
	z-index: 1;
}
a.more{
width: 100%;
height: 50px;
line-height: 50px;
display: block;
background-color: #f4f4f4;
text-align: center;
margin-top: 5px;
}
a.more:hover{
width: 100%;
height: 50px;
line-height: 50px;
display: block;
background-color: #13bf5b;
text-align: center;
margin-top: 5px;
color: white;
}
a.map{font-size: 16px; font-weight: bold;}
a.map:hover{color: #ff0000;font-weight: bold;}
a.map1{color: #ffffff;}
a.map1:hover{color: #ffff00;}
a.map2{color: #ffffff; display: block; width: 100%;}
a.map2:hover{color: #ffff00;display: block; width: 100%;}
.cpleft-dh1{
padding: 10px 20px 10px 20px;
box-sizing: border-box;
background:url(../img/4.jpg) center;
color: white;
height: 200px;
}
.cpright-top{
height: 50px;
line-height: 50px;
border-bottom: 2px #333333 solid;
margin-bottom: 20px;
}
.cpright-top-left{
width: 120px;
line-height: 50px;
background-color: #333333;
color: #ffffff;
font-size: 18px;
text-align: center;
float: left;

}
.cpright-top-right{
text-align: right;
float: right;
}
/* 优势 */
.youshi{
	display: flex;
}
.youshi li{
	flex: 1;
}
.youshi1{
	padding: 110px 60px;
	color: white;
}
.youshi2{
	padding: 30px 60px;
	color: #000000;
}
.youshi3{
	padding: 110px 60px;
	color: #000000;
}
/*底部  */
.db-dh{background: #333333; color: #9f9f9f;padding: 40px;}
.brown2{
	display: flex;
	width: 100%;
}
.brown2 li{flex: 1; margin-right: 50px;}
.brown2 li:nth-child(3){margin-right: 0px;}
.grey-wz{
font-size: 12px;
color: #333333;
}
.grey{
background-color: #f5f5f5;
height: 50px;
line-height: 50px;
}
.news{
	display: flex;
	margin-bottom: 30px;
}
.news li{
	flex: 1;
	margin-right: 40px;
}
.news li:nth-child(2){
	margin-right: 70px;
}
.news li:nth-child(3){
	margin-right: 0px;
	background-color: #076aeb;
	padding: 20px 30px 20px 30px;
	box-sizing: border-box;
	border-radius:10px;
}
.news-top{
height: 50px;
line-height: 50px;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 20px;
color: #000000;
width: 100%;
font-size: 18px;
font-weight:bold;
}
.news-lb{
height: 40px;
line-height: 40px;
border-bottom: 1px dashed #d9d9d9;
background: url(../img/15.gif) left no-repeat;
padding-left: 25px;
box-sizing: border-box;
}
.news-lb span{
	width: 100px;
	float: right;
	text-align: right;
}
.newss-lb1{
height: 30px;
line-height: 30px;
width: 100%;
}
.media-heading{
font-size: 16px;
font-weight: bold;
}
.dbdh{
padding: 30px 0px 0px 0px;
color: #bebebe;
text-align: left;
font-weight: bold;
}

.grey{
background-color: #f5f5f5;
height: 50px;
line-height: 50px;
}
.guding{
background-color: rgba(0,0,0,.6);
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
z-index:9999;
}
.guding1{
display: flex;
width: 100%;
padding: 10px 10px 0px 10px;
}
.guding1 li:nth-child(3){
margin-right: 0px;
}
.guding1 li{
flex: 1;
line-height: 30px;
margin-right: 5px;
text-align: center;
background-color: rgba(198,0,9,1);
}
.guding1 li a{
font-size: 14px;
font-weight: bold;
color: white;
text-align: center;
}
.guding1 li a:hover{
font-size: 14px;
font-weight: bold;
color: white;
text-align: center;
}
.nr1 ul{
display: flex;
}
.nr1 li{
flex: 1;
}
.nr1 li:nth-child(2){
text-align: right;
}
.sy-db{
width: 100%;
padding: 40px 0px 40px 0px;
text-align: center;
color: #aaaaaa;
background-color: #191919;
}
/* 优势 */
.yellow-wz{
	font-size: 16px;
	font-weight: bold;
	color: #ff6300;
	padding-top: 10px;
}
/* neiye */
.qywh{display: flex;}
.qywh li{flex: 1; padding: 20px 30px; background-color: #eaeaea; margin-right: 5px;}
.qywh li:nth-child(2){margin-right: 0px;}
.ny-fw{
	width: 100%;
	display: flex;
	padding: 40px 0px;
}
.ny-fw li{
	flex: 1;
	margin-right: 60px;
}
.ny-fw li:nth-child(4){
	margin-right: 0px;
}

.ny-fw1{
	width: 100%;
	display: flex;
	padding: 40px 0px;
}
.ny-fw1 li{
	flex: 1;
	margin-right: 60px;
}
.ny-fw1 li:nth-child(4){
	margin-right: 0px;
}
/* 手机站 */
.ggtop{padding: 0px 10px; box-sizing: border-box;}
.ggzj{padding: 0px 10px; box-sizing: border-box;}
.red{
text-align: center;
font-weight: bold;
color: #ffffff;
font-size: 14px;
height: 45px;
line-height: 45px;
background-color: #076aeb;
}
.mobile-dh{
display: flex;
width: 100%;
}
.mobile-dh li{
flex: 1;
background-color:#076aeb;
height: 50px;
line-height: 50px;
text-align: center;
border-bottom:1px solid #035ccf;
border-right: 1px solid #035ccf;
}
.mobile-dh li:nth-child(4){
border-right: 0px;
}
.mobile-dh li a{
color: white;
display: block;
line-height: 50px;
width: 100%;
}
.mobile-dh li a:hover{
color: white;
display: block;
line-height: 50px;
width: 100%;
background-color:#ff6300;
}
/* chanpin */
.mobile-cpfl{
display: flex;
width: 100%;
margin-bottom: 10px;
}
.mobile-cpfl li{
flex: 1;
margin-right: 10px;
}
.mobile-cpfl li:nth-child(3){
margin-right: 0px;
}
.mobile-cpfl li a{
color: black;
display: block;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 15px;
background-color: #e5e5e5;
}
.mobile-cpfl li a:hover{
color: white;
display: block;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 15px;
background-color: #ef7c31;
}

.mobile-news{
display: flex;
width: 100%;
margin-bottom: 10px;
}
.mobile-news li{
flex: 1;
}
.mobile-news li a{
color: black;
display: block;
height: 50px;
color: #ffffff;
text-align: center;
line-height: 50px;
font-weight: bold;
background-color: #076aeb;
}
.mobile-news li a:hover{
color: white;
display: block;
font-weight: bold;
height: 50px;
color: #ffffff;
text-align: center;
line-height: 50px;
background-color: #ff6300;
}
.grey{
background-color: #f5f5f5;
height: 40px;
line-height: 40px;
width: 100%;
}