﻿@charset "utf-8";
/* CSS Document */


.pro-list{ margin-top:80px;}
.pro-list li{  font-size:15px;  line-height:30px; display:block;padding-left:18px;}

.pro-list li:nth-of-type(1){ background:url(../images/t1.png) left 10px no-repeat}
.pro-list li:nth-of-type(2){ background:url(../images/t2.png) left 10px no-repeat}
.pro-list li:nth-of-type(3){ background:url(../images/t3.png) left 10px no-repeat}

.pro-list .li1{ background:url(../images/t1.png) left 10px no-repeat}
.pro-list .li2{ background:url(../images/t2.png) left 10px no-repeat}
.pro-list .li3{ background:url(../images/t3.png) left 10px no-repeat}

.pro-list2{ margin-top:0px;}
.pro-list2 li{  font-size:15px; line-height:30px;padding-left:18px;background:url(../images/t4.png) left 10px no-repeat}
.pro-list2 .li4{ background:url(../images/map.png) left 8px no-repeat; padding-left:18px; font-size:12px;}

@media (max-width:600px) {
.pro-list{ background:#000;}
.pro-list li:nth-of-type(1){ background:url(../images/t01.png) 7px 24px no-repeat }
.pro-list li:nth-of-type(2){ background:url(../images/t02.png) 7px 24px no-repeat }
.pro-list li:nth-of-type(3){ background:url(../images/t03.png) 7px 24px no-repeat }
.pro-list2{ background:#000;}
.pro-list2 li{  background:url(../images/t04.png) 7px 24px no-repeat}
}

/**************************底部**************************/
.fobg{
	width:100%;
	overflow:hidden;
	padding:20px 0px;
	background:#000;
	margin-top:30px;
	position:relative;
    bottom:0px;
    left: 0px;
    font-size:13px;
    z-index:1200;
	}

.footer{
	padding:0 2%;
	margin:0 auto;
	overflow:hidden;
	}
.fotop{
	padding-bottom:0px;
	}
.fotop ul{
	overflow:hidden; padding:0;
	}
.fotop ul li{
	float:left;

	}
.fotop ul li+li{
	margin-left:2%;
	}
.fotop ul li:nth-of-type(1){
	/*background:url(../images/add.png)  left 18px no-repeat ; */
	width:24%;
	}
.fotop ul li:nth-of-type(2){
/*	background:url(../images/tell.png) left 18px no-repeat;*/
	width:16%;
	}
.fotop ul li:nth-of-type(3){
	/*background:url(../images/e-mail.png) left 18px no-repeat;*/
	width:16%;
	}
.fotop ul li:nth-of-type(4){
	/*background:url(../images/follow.png) left 18px no-repeat;*/
	width:16%;
	}	
.fotop ul li:nth-of-type(5){ float:right; margin-right:1.2%;}	
.fotop ul li p{
	padding-left:0px;
	color:#fff;
	margin:0;
	}
.fotop ul li p:nth-of-type(1){
	font-size:20px;
	color:#fff;
	font-weight:bold;
	margin-bottom:0px;
	}
.fotop ul li p:nth-of-type(2){
	font-size:14px;
	color:#fff;
	line-height:20px;
	}

.banq{
	color:#fff;
	font-size:14px;
	text-align:left;
	padding-top:0px;
	}
.banq a{
	color:#fff;
	}

@media (max-width:1440px) {
.footer{
	padding:0 3%;}
.fotop ul li:nth-of-type(5){ float:right; margin-right:0.5%;}	

}	

@media (max-width:800px) {
.fotop{ display:none;}
}	
@media (max-width:1000px) {
.fobootom .botwo{
	width:20%;
	}
.fobootom .botwo ul li{
	width:100%;
	}
	}
@media (max-width:767px) {
.fobootom .botwo{
	margin-left:8%;
	}

	}
@media (max-width:650px) {
.fotop{
	display:none;
	}
.banq{
	margin-top:0px;
	padding-top:10px;
	}
	}
	
@media (max-width:640px) {

.pro-list{ margin-top:0px;}
.pro-list .li1{  background:none; padding:0;}
.pro-list .li2{ background:none; padding:0;}
.pro-list .li3{ background:none; padding:0;}
.pro-list2 .li4{ background:none; padding:0;}
	}


#map-canvas {
        height:400px;
		width: 100%;
		margin-top:10px;
		float:left;
		margin-right:20px;
		margin-bottom:40px;
		border:1px solid #ccc;
      }
.main{ min-height:570px; margin-bottom:20px; margin-top: 18px; }
.text{ font-size:14px; color:#333;}

@media (max-width:1650px){
   .text img{width:100%; } 
    .text2 img{width: auto; } 
}
@media (max-width:1250px){
.text img{ width:100%;}
.text p img{ width:100%;}
.text2 img{width: auto; } 
}
@media (max-width:880px){
    
.text2 img{width: 100%; }     
    
}


/*新闻列表*/
.new{
	width:100%;
	overflow:hidden;
	}
.one{
	width:98%;
	margin:0 auto;
	padding:30px 0px;
	overflow:hidden;
	border-bottom:1px dotted #ddd;
	margin-bottom: 30px;
	}
.one .tup{
	width:200px;
	height:120px;
	float:left;
	margin-left:0;
	}
.one .tup img{
	width:200px;
	height:120px;
	}
.one .wenz{
	width:82%;
	float:right;
	margin-right:0px;
	}
.one .wenz a{ text-decoration:none;
	}	
.one .wenz p:nth-of-type(1){ margin:0;
	}
.one .wenz span{
	float:right;
	}
.one .wenz p:nth-of-type(1) a{
	font-size:18px;
	color:#333;
	}
.one .wenz p:nth-of-type(1) a:hover{
	color:#03C0A1;
	}
.one .wenz p:nth-of-type(2){
	margin-top:10px;
	font-size:12px;
	color:#999;
	}
.one .wenz p:nth-of-type(3){
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	}
.one .wenz p:nth-of-type(3) a{
	font-size:14px;
	color:#666;
	line-height:24px;
	}
.one .wenz p:nth-of-type(3) a:hover{
	color:#03C0A1;
	}
	
@media (max-width:1650px) {
.one .wenz{
	width:78%;
	float:right;
	margin-right:0px;
	}

}
@media (max-width:1440px) {
.one .wenz{
	width:75%;
	float:right;
	margin-right:0px;
	}

}		

@media (max-width:1280px) {
.one .wenz{
	width:69%;
	float:right;
	margin-right:0px;
	}
	}
@media (max-width:1200px) {
.one .wenz{
	width:68%;
	float:right;
	margin-right:0px;
	}
	}
@media (max-width:1100px) {
.one .wenz{
	width:66%;
	float:right;
	margin-right:0px;
	}
	}	
@media (max-width:1024px) {
.one .wenz{
	width:58%;
	float:right;
	margin-right:0px;
	}
	}
@media (max-width:960px) {
.one .wenz{
	width:54%;
	float:right;
	margin-right:0px;
	}
	}
@media (max-width:880px) {
.one .wenz{
	width:48%;
	float:right;
	margin-right:0px;
	}
	}
@media (max-width:840px) {
.one .wenz{
	width:44%;
	float:right;
	margin-right:0px;
	}
	}					
@media (max-width:800px) {

.one .wenz{
	width:46%;
	float:right;
	margin-right:0px;
	}	
.one .tup{
	width:170px;
	height:102px;
	float:left;
	margin-left:0px;
	}
.one .tup img{
	width:170px;
	height:102px;
	}
.one .wenz p:nth-of-type(1) a{
	font-size:14px;
	color:#333;
	}
.one .wenz p:nth-of-type(2){
	margin-top:7px;
	font-size:12px;
	color:#999;
	}
.one .wenz p:nth-of-type(3){
	margin-top:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	}
.one .wenz p:nth-of-type(3) a{
	font-size:13px;
	color:#666;
	line-height:25px;
	}

	}
@media (max-width:700px) {
.one .wenz{
	width:40%;
	float:right;
	margin-right:0px;
	}
	}
@media (max-width:680px) {
.one{
	width:98%;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:20px;
	}
.one .tup{
	width:125px;
	height:75px;
	float:left;
	margin-left:0px;
	}
.one .tup img{
	width:125px;
	height:75px;
	}
.one .wenz{
	width:48%;
	float:right;
	margin-right:0px;
	margin-top:5px;
	}
.one .wenz p:nth-of-type(2){
	display:none;
	}
.one .wenz p:nth-of-type(1) a{
	font-size:14px;
	color:#333;
	}
.one .wenz p:nth-of-type(3){
	margin-top:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	}
.one .wenz p:nth-of-type(3) a{
	font-size:12px;
	color:#666;
	line-height:25px;
	}
	}

@media (max-width:390px) {

.one{ padding:20px 0;}
.one .wenz{
	width:58%;
	float:right;
	margin-right:0px;
	}
.main{ min-height:100px; margin-bottom:20px; }	
	}
@media (max-width:360px) {
.one .wenz{
	width:50%;
	float:right;
	margin-right:0px;
	}
	}
@media (max-width:1000px) {
.one .wenz span{
	display:none;
	}
.one .wenz p:nth-of-type(1){ 
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	}
	}
		
/*新闻详情*/

.news-title{border-bottom: 1px dotted #DDD;padding-bottom: 10px; margin-top:10px; margin-bottom:20px;}
.news-title h2{ font-size:24px; float:none; color:#666;}
.news-title p span{margin:0 5px;color: #999;}

.fh{width: 120px;line-height: 40px;text-align: center; margin-top:30px; margin-bottom:30px;}
.fh a{display: block;color:#FFF; font-size:15px;background: #999;border-radius: 20px;}
.fh a:hover{display: block;color:#FFF;text-decoration: none; background:#03C0A1;border-radius: 20px;transition:all 1.5s;}

@media (max-width:800px) {
.news-title{ padding-bottom:0px;}
.news-title h2{ font-size:18px; padding:0; margin:0;}
.news-title p{ font-size:14px;}	
.fh{ margin:30px auto 30px auto;}
}


.pages{
	line-height:30px;
	border-top:1px dotted #ccc;
	font-size:14px;
	color:#666666;
	padding-top: 20px;
	margin-top: 15px;
} 
.pages a{
	text-decoration:none;
	margin-left:3px;
	padding:2px 2px;
	color:#666666;
	}
.pages a:hover{
	text-decoration:underline;
	color:#03C0A1;
	}


.text2{ max-width:1200px; overflow:hidden;}
.applistbox{overflow:hidden;  margin-top:30px; padding-bottom:30px; width:48%; margin-right:2%; float:left; text-align:center;} 
.applistbox img{  }
.text2 p{ line-height:22px; margin:0;}