.banner-layout{ width:1240px; height:230px; padding:0px 10px; margin:0px auto auto auto; background-color:#FFFFFF; }
.banner{ width:1240px; height:230px; margin:0px auto auto auto; }

@media screen and (max-width:1023px) 
{
    .banner-layout{ width: 100%;  height:120px; padding:0px 0px; }
    .banner{ width: 100%; height:120px;  }
    }
	
.main{ width:1240px; margin:0px auto auto auto; padding:0px 10px 50px; background-color:#FFFFFF; }

@media screen and (max-width:1023px) 
{
    .main{ width:100%;  padding:0px 0px 50px; }
    }
    
.main .left{ float:left; display:inline; width:200px; }
.main .left .head{ width:190px; height:35px; line-height:32px; margin-top:15px; padding-left:10px; background-color:#3b84d6; border-radius:8px 8px 0px 0px; font-size:17px; color:#FFFFFF; }
.main .left .top-nav{ width:198px; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-size:15px; }
.main .left .top-nav dt{ width:198px; height:40px; text-align:center; }
.main .left .top-nav dt a{ position:relative; display:inline-block; width:170px; height:40px; line-height:40px; margin-bottom:-1px; padding-left:10px; border-bottom:solid 1px #ccc; text-align:left; color:#616161; }
.main .left .top-nav dt a:hover{ color:#3b84d6; }
.main .left .top-nav dt a.hover{ color:#3b84d6; }
.main .left .left-con{ width:188px; padding:15px 5px; border:solid 1px #ccc; }
.main .left .left-con p{ line-height:25px; margin-bottom:5px; font-size:14px; }
	
@media screen and (max-width:1023px) 
{
    .main .left{ float:none; display:inline; width:90%; }
    .main .left .head{ display:none; }
    .main .left .left-con{ display:none; }
    
    .main .left .top-nav{ width:90%; margin:0px auto auto auto; border:0px; border-bottom:1px solid #2672c8; text-align:center; font-size:15px; }
    .main .left .top-nav dt{ float:none; display:inline-block; width:auto; height:40px; text-align:center; }
    .main .left .top-nav dt a{ width:auto; height:40px; line-height:40px; padding:0px 20px; margin-bottom:-1px; padding-left:0px; border:0px; color:#616161; }
    }
	
.main .right{ float:right; display:inline; width:1000px; margin-right:20px; }
.main .right .location{ height:37px; line-height:36px; margin-top:10px; padding-left:10px; border-bottom:1px solid #2672c8; font-size:16px; color:#000000; }
.main .right .location a { color:#3e3a39; }
.main .right .location span { color:#3e3a39; }

@media screen and (max-width:1023px) 
{
    .main .right{ float:none; width:100%; margin-right:0px;}
    .main .right .location{ display:none;}
    }

/*单页文章*/
.single-page { width:900px; line-height:30px;  margin:30px auto auto auto; font-size:14px; color:#000000;  }
.single-page p{ line-height:30px; margin:0px auto auto auto;}
.single-page span{ line-height:30px; margin:0px auto auto auto;}

@media screen and (max-width:1023px) 
{
    .single-page{ width:90%;}
    }

/*新闻列表*/
.new-list 
{
	width:1000px;
	margin:20px auto auto auto;
	}
.new-list li 
{
	float:left;
	display:inline;
	width:100%;  
	height:32px;
	padding:5px 0px;
	border-bottom:dashed 1px #cccccc;
	font-size:14px;
	}
.new-list li  a
{
    display:block;
    float:left;
    width:800px;
    line-height:30px;
    padding-left:10px;
	color:#000000;
	}
.new-list li span
{
    display:block;
    float:right;
    width:90px;
	line-height:28px;
	padding-right:10px;
	text-align:center;
	color:#000000;
	}
	
.news-list{ position:relative; margin:30px auto auto auto; }
.news-list .shut{ position:absolute; left:0px; bottom:0px; width:120px; height:46px; background-color:#FFFFFF; z-index:999; }
.news-list li { float:left; display:inline; width:100%;  clear:both; }
.news-list li .date{ float:left; display:inline; width:106px; line-height:20px; padding-top:2px; padding-left:8px; font-size:14px; color:#343434; }
.news-list li .right{ position:relative; float:left; display:inline; width:820px; padding:2px 4px 20px 32px; padding-bottom:20px; border-left:solid 2px #C9CACB; }
.news-list li .right i{ position:absolute; left:-8px; top:7px; width:13px; height:13px; background:url(../images/icon-15.jpg) 0px 0px no-repeat; }
.news-list li .right .title{ height:22px; line-height:22px; font-size:19px; font-weight:600; }
.news-list li .right .title a{ color:#343434; }
.news-list li .right .title a:hover{ color:#cb0914; }
.news-list li .right .click{ line-height:24px; margin-top:10px; font-size:12px; color:#343434; }
.news-list li .right .content{ line-height:26px; font-size:14px; color:#343434; }
	
@media screen and (max-width:1023px) 
{
    .news-list{ width:90%; margin:15px auto auto auto;}
    .news-list li{ float:none; display:block; padding-top:10px; border-bottom:solid 1px #C9CACB;}
    .news-list li .date{ float:none; display:block; padding-left:0px;}
    .news-list li .right{ float:none; display:block; width:100%; padding:2px 4px 10px 0px; border-left:solid 0px #C9CACB; }
    .news-list li .right i{ display:none;}
    .news-list li .right .title{ height:auto; line-height:26px; font-size:15px; font-weight:600; }
    .news-list li .right .click{ margin-top:5px; font-size:13px; font-weight:600;}
    .news-list li .right .content{ line-height:24px; font-size:12px;  }
    }
	
/*左变图片*/
.img-news-list 
{
	width:960px;
	margin:0px auto auto auto;
	}
.img-news-list li 
{
	float:left;
	display:inline;
	width:100%;  
	margin-top:35px;
	font-size:14px;
	}
.img-news-list li img
{
	float:left;
	display:inline-block;
	width:306px;
	height:180px;
	margin-right:15px;
	}
.img-news-list li .title
{
    height:28px;
	line-height:28px;
	font-size:18px;
	}
.img-news-list li .title a
{
    float:left;
    display:inline-block;
	color:#000000;
	}
.img-news-list li .title a:hover
{
    text-decoration:underline;
    }
.img-news-list li .title span
{
    float:right;
    display:inline-block;
    width:80px;
    font-size:14px;
	color:#656565;
	}
.img-news-list li .content
{
	line-height:24px;
	margin-top:5px;
	font-size:14px;
	color:#999999;
	}

/*详细页*/
.detail-page{ position:relative; width:1000px; margin:10px auto auto auto; }
.detail-page .detail-title { width:100%;  line-height:32px;  padding:10px 0px; font-size:26px; text-align:center; color:#000000; }
.detail-page .detail-time { width:100%;  height:26px; line-height:26px;  padding:15px 0px; border-top:dashed 1px #d4d4d4; font-size:14px; text-align:center; color:#3e3a39; }
.detail-page .detail-content { width:900px;  line-height:30px;  margin:10px auto 50px auto; font-size:16px; color:#000000;  }
.detail-page .detail-content p{ line-height:24px;  margin:15px auto auto auto;}

@media screen and (max-width:1023px) 
{
    .detail-page{  width:90%; margin:10px auto auto auto; }
    .detail-page .detail-title { font-size:18px;  }
    .detail-page .detail-time { font-size:12px;}
    .detail-page .detail-content { width:100%; font-size:14px; }
    }

/*产品*/
.product-head
{
    height:32px;
    line-height:32px;
    margin-top:20px;
    padding:0px 10px;
    border-bottom:1px dashed #ccc;
    font-size:14px;
    }
.product-head span
{
	float:left;
	display:inline-block;
	line-height:32px;
    font-size:16px;
    color:#3b84d6;
    }
.product-head a
{
    float:right;
    display:inline-block;
    line-height:32px;
    color:#333333;
    }
.product-head a:hover
{
    text-decoration:underline;
    }
    
.product-list{ width:999px; margin-top:10px; }
.product-list li{ position:relative; float:left; display:inline; width:323px; height:232px; margin:10px 5px; text-align:center; cursor:pointer; }
.product-list li .img{ width:262px; height:200px; margin:0px auto auto auto; overflow:hidden; }
.product-list li img{ width:262px; height:200px; transform: translateZ(0px); transition: transform 0.2s ease 0s; }
.product-list li img:hover{ transform: scale(1.1, 1.1); transition: transform 0.6s ease 0s; }
.product-list li .title{ width:262px; height:32px; line-height:32px; margin:0px auto auto auto; padding-top:10px; text-align:center; font-size:14px; color:#333333; }
.product-list li .title a { color:#333333; }
.product-list li .content{ width:330px; line-height:20px; margin:0px auto auto auto; padding-top:10px; text-align:left; font-size:14px; color:#999999; }
	
@media screen and (max-width:1023px) 
{
    .product-list{ width:90%; margin:10px auto auto auto; }
    .product-list li{ float:none; display:inline; width:100%; height:auto; margin:0px; }
    .product-list li .img{ width:100%; height:auto;   }
    .product-list li img{ width:100%; height:auto;  }
    .product-list li .title{ width:100%; font-size:13px;}
    .product-list li .content{ width:100%;}
    }
	
.search-head
{
	width:100%;
	line-height:32px;
	padding:10px 0px;
	font-size:14px;
	}
	
/*下载*/
.down { width:950px; margin:30px auto auto auto; }
.down li { height: 35px; line-height: 35px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;  -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #e7e7e7 #e7e7e7; border-image: none; border-style: none none solid solid; border-width: medium medium 1px 1px; }
.down li.tit {border-top: 1px solid #e7e7e7; }
.down li.tit p { background-color: #f4f4f4;font-weight: bold; text-align: left; }
.down li p{ border-right: 1px solid #e7e7e7; float: left; height: 35px; line-height: 35px; padding-left: 10px; }
.down li p.p1{width:635px; text-align: center;}
.down li p.p2 { width: 100px; padding: 0; text-align: center; }
.down li p.p3{ width:100px; padding: 0; text-align: center; }
.down li p.p4{ width:100px; padding: 0; text-align: center; }
.down li a{ color: #007cc3; }
.down li a:hover{ color: #ff5500; }
.down li.txt{ color: #999;}
	
@media screen and (max-width:1023px) 
{
    .down { width:96%; margin:30px auto auto auto; }
    .down li { }
    .down li p{ padding-left:0px; border-right: 0px solid #e7e7e7;}
    .down li p.p1{width:45%;}
    .down li p.p2 { width: 18%; }
    .down li p.p3{ width:22%; }
    .down li p.p4{ width:15%; }
    }
	
.contact {  border-collapse: collapse; border-left: 1px solid #d8effd; border-top: 1px solid #d8effd;  height: auto; margin: 0 auto; width:900px;  }
.contact td { border-bottom: 1px dotted #d8effd; border-right: 1px dotted #d8effd; font-family: "微软雅黑"; font-size: 13px; padding: 5px 20px; word-wrap: break-word; }
.contact td.tspan { padding-right: 20px; text-align: right; font-size:18px; }
.contact td span { font-size:18px; }
    
@media screen and (max-width:1023px) 
{
    .contact { width:100%; font-size:14px; }
    .contact td { padding: 5px 0px;}
    .contact td.tspan { width:30%; padding-right:10px; font-size:14px; }
    .contact td span {  font-size:14px; }
    }

/*分页*/
.page-layout 
{
    width:100%;
    height:30px; 
    margin-top:30px;
    padding:10px 0px;
	text-align:left;
	font-size:14px;
	}
.page-layout a,.page-layout span
{
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    margin: 0 4px;
    vertical-align:middle;
    border-radius:3px;
    text-align:center;
	}
.page-layout a
{
    color:#515151;
    background-color:#e6e6e6;
    border:solid 1px #cccccc;
	}
.page-layout a:hover
{
	color:#FFFFFF;
    background-color:#2672c8;
    border:solid 1px #2672c8;
    text-decoration:none;
	}
.page-layout .current
{
	background-color:#2672c8;
    color:#FFFFFF;
	}
.page-layout .home
{
    width:30px;
    background:url(../images/icon-31.jpg) 0px 0px no-repeat;
    }
.page-layout .end
{
    width:30px;
    background:url(../images/icon-31.jpg) -63px 0px no-repeat;
    }
.page-layout .previous
{
	width:30px;
	height:30px;
	background:url(../images/icon-8.png) 0px 0px no-repeat;
    }
.page-layout .previous:hover {
    background-color:transparent;
}
.page-layout .next
{
    width:30px;
	height:30px;
	background:url(../images/icon-9.png) 0px 0px no-repeat;
    }
.page-layout .next:hover {
    background-color:transparent;
}

.page-layout span.previous
{
	cursor:no-drop;
    }
.page-layout span.next
{
	cursor:no-drop;
    }