﻿
.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  
}
li{
	list-style-type: none;
}


.pro1{ width:auto; clear:both; margin-top:50px;}
.pro1 .left{ width:316px; float:left;}
.pro1 .left .title{
	background-color:#0074d2;
	line-height:92px;
	padding-left:40px;
	font-size:26px;
	background-image: url(/images/tu03.jpg);
	background-repeat: no-repeat;
	background-position: 260px 35px;
	color:#FFFFFF;
}
.lei33{
	line-height:47px;
	background-color:#f0f0f0;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.bgg{
line-height:47px;
	background-color:#036aaf;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color:#FFFFFF
}
.bgg a{
display:block;
	color:#FFFFFF
}
.leftacted{ color:#0000CC;}
.bgg span{ float:right; padding-right:10px;}
.lei33 span{ float:right; padding-right:10px;}
.lei33 a{ display:block}
.lei3 li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:45px;
	clear:both;
	overflow:hidden;
	display:block;
	padding-left: 30px;
}

.lei3 li A{
display:block;
}

.lei3 li img{
margin-right:10px;
}

.leftacted{ color:#0000CC;}
.pro1 .right{ width:820px; float: right;}
.pro1 .right li a{
	width:31.19%;
	margin-left:1%;
	margin-right:1%;
	float: left;
	margin-bottom:20px;
	list-style-type: none;
	border: 1px solid #DFDFDF;
}
.pro1 .right li a:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0074d2;
}
.pro1 .right li img{ width:100%;height:180px;transition:all 0.5s ease-out;}
.dd{ width:100%; height:180px; overflow:hidden;}
.pro1 .right li img:hover{ transform:scale(1.25,1.25);}


.pro1 .right li span{ line-height:40px; text-align:center; font-size:14px;  display:block;}
.pro1 .right1{ width:790px; float: right;}
.lx{ width:auto; margin-bottom:30px; margin-top:45px; overflow:hidden;}
.lx li{ float:left; margin-left:0.5%; margin-right:0.5%;}
.lx li span{ float:right; font-size:16px; }
.lx li img{ float:left; width:41px;}
.map{ padding-top:20px; padding-bottom:20px; }
.w1{ width:23%;}
.w3{ width:20%;}
.w2{ width:27.66%;}
.p1{ width:80%}
.p2{ width:83%}

.case{ width:auto; margin-top:30px; clear:both; overflow:hidden; margin-bottom:30px;}
.case li{ float:left; width:23%; margin-left:1%; margin-right:1%;}
.case li img{ width:100%; height:180px;transition:all 0.5s ease-out;}
.case li u{
	line-height:40px;
	font-size:14px;
	text-align:center;
	text-decoration: none;
	display:block
}
.case li img:hover{ transform:scale(1.25,1.25);}
.yy{ width:100%; height:180px; overflow:hidden;}


.news{ width:auto}
.news li{
	clear:both;
	width:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	line-height:30px;
	margin-top:20px;

	overflow:hidden;
	padding-bottom:20px;
}
.news img{ float: left; width:312px; height:185px;}
.news span{ float: right; width:705px; margin-right:50px;}
.news span strong{ font-size:18px; display:block; padding-top:30px;}
.news u{
	float: right;
	width:75px;
	padding-top:30px;
	text-decoration: none;
	color:#666666;
	
}
.news u strong{ display:block; font-size:18px;}

.news1{ width:auto; clear:both}
.news1 .title{
	clear:both;
	font-size:28px;
	line-height:50px;
	color:#0074d5;
	text-align:center;
	padding-top:30px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
	margin-bottom: 15px;
}
.news1 .kuang{
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	padding: 20px;
	width: auto;
	margin-top:15px;
}
.news1 .body{ line-height:30px; font-size:14px; color:#666666; padding-top:15px; margin-bottom:30px;}

.t01{ font-size:24px; line-height:45px; text-align:center; color:#000000;}
.t02{ text-align:center; line-height:30px; color:#999999;}
.t03{ line-height:30px; font-size:14px; padding-top:10px;}
@media (min-width: 769px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1000px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

.w600{ width:600px; margin-left:auto; margin-right:auto;}
.w500{ width:450px; margin-left:auto; margin-right:auto;}
.w150{ width:150px; margin-left:auto; margin-right:auto;}
.pc{ display:block}
.sj{ display:none;}


/*列表页-横幅*/
.page_bg{
    height: 400px;
    margin-bottom: 0px;
}
.menu{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:60px;
	font-size:16px;
}
.menu li{
float:left;
width:25%; text-align:center;
}
.menu ul{
margin-left:auto; margin-right:auto;
}

.menu2{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:60px;
	font-size:16px;
}
.menu2 li{
float:left;
width:33%; text-align:center;
}
.menu2 ul{
margin-left:auto; margin-right:auto;
}


.menu1{
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:60px;
	font-size:16px;
}
.menu1 li{
float:left;
width:100%; text-align:center;
}
.menu1 ul{
margin-left:auto; margin-right:auto;
}
.cc{
	background-image: url(../image/contact_05.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}



@media screen and (max-width: 768px) {
.page_bg{ display:none}
.pc{ display: none}
.sj{ display: block;}
.w600{ width:100%; margin-left:auto; margin-right:auto;}
.w150{ width:100%;}
.w500{ width:100%;}
.about img{ width:100%;}

.pro1{ width:auto; clear:both; margin-top:50px;}
.pro1 .left{ width:100%; float: none;}
.pro1 .left .title{
	background-color:#0074d2;
	line-height:92px;
	padding-left:40px;
	font-size:26px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 260px 35px;
	color:#FFFFFF;
}
.pro1 .left .lei33{
	line-height:35px;
	background-color:#f0f0f0;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.lei3 li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:25px;
	clear:both;
	overflow:hidden;
	display:block;
}
.leftacted{ color:#0000CC;}
.pro1 .right{ width:100%; float: none; padding-top:20px;}
.pro1 .right li{ width:48%; margin-left:1%; margin-right:1%; float: left; margin-bottom:20px;}
.pro1 .right li a{ width:100%; }
.pro1 .right li img{ width:100%;height:140px;}
.pro1 .right li span{ line-height:40px; text-align:center; font-size:14px; background-color:#f2f2f2; display:block;}
.pro1 .right1{ width:100%; float: right;}

.lx{ width:auto; margin-bottom:30px; margin-top:45px; overflow:hidden;}
.lx li{ float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom:20px;}
.lx li span{ float:right; font-size:16px; }
.lx li img{ float:left; width:41px;}
.map{ padding-top:20px; padding-bottom:20px; }
.w1{ width:95%;}
.w3{ width:95%;}
.w2{ width:95%;}
.p1{ width:83%}
.p2{ width:83%}
.case{ width:auto; margin-top:30px; clear:both; overflow:hidden; margin-bottom:30px;}
.case li{ float:left; width:48%; margin-left:1%; margin-right:1%;}
.case li img{ width:100%; height:140px;}
.case li u{ line-height:40px; font-size:14px; text-align:center;text-decoration: none;}

.news1 img{ width:100%}

.news{ width:auto}
.news li{
	clear:both;
	width:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	line-height:30px;
	margin-top:20px;
	overflow:hidden;
	padding-bottom:20px;
}
.news img{ float: none; width:100%; height:auto;}
.news span{ float: none; width:100%; margin-right:0px;}
.news span strong{ font-size:18px; display:block; padding-top:30px;}
.news u{ float: none; width:100%; padding-top:5px;}
.news u strong{ display:block; font-size:18px;}


}