@charset "utf-8";
/* CSS Document */
html,body{ font-family: "Microsoft YaHei","微软雅黑",sans-serif; color:#333; font-size:12px; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; width:100%; -webkit-text-size-adjust: none;}
img, a img { border: 0; max-width:100%;} 
a { text-decoration: none; color: #333; }
a:hover { color: #00f; }
p {line-height: 20px; }
.clear { clear: both; }
*{margin:0; padding:0; border:0;  text-decoration: none; font-family: "Microsoft YaHei","微软雅黑",sans-serif; /*word-break:break-all;*/ }
ol,ul {	list-style:none}
header,nav,footer{ display:block;}

.main,footer .friendlink, footer .foot,nav .nav,header .head{margin: 0 auto; width:100%; max-width:1200px; overflow: hidden; }

header{ background:#fff;}
header .head{  padding: 20px 0; height:auto; }
header .head .logo { float: left; width:65%; }
header .head .tel { float: right; padding-top: 20px; width:35%; height: 50px; font-size: 27px; font-weight: bold; letter-spacing: 2px; color: #00f; text-align: right; }
header .head .tel a { color: #00f; }
header .head .menu{ display:none;}
#menu {position:absolute;top:0;right:0;z-index:100; display:none; background:#333; width:180px; border-bottom-left-radius:25px;}
nav { background: #333; }
nav .nav { overflow: hidden; height: 50px; line-height: 50px; }
nav .nav li { float: left; margin-right: 1px; width: 14%; }
nav .nav li a { display: block; width:100%; height: 50px; font-size: 18px; color: #fff; text-align: center; }
nav .nav li a:hover { background: #00f; color: #fff; font-weight: bold; }
nav .nav li.on { background: #00f; color: #fff; }
nav .nav li .erj { position: absolute; display: none; padding:2px 0; width: 292px; background: #333; z-index: 999; height:auto; clear:left; }
nav .nav li .erj li { width: 100%; }
nav .nav li .erj li a { overflow: hidden; display: block; margin: 0; padding: 0; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-indent: 10px; text-align: left; }
nav .nav li .erj li a:hover { background: #00f; color: #fff; font-weight: bold; }

footer { padding: 10px 0; background: #333; }
footer .friendlink, footer .foot { color: #fff; line-height: 30px; text-align:center; }
footer .foot a { color: #fff; }
footer .friendlink { margin-top: 10px; padding-top: 5px; border-top: 1px dotted #888; text-align: left; color: #777; }
footer .friendlink a { color: #777; }
footer .friendlink a:hover, footer .foot a:hover { color: #fff; }

#footertel { display: none ; position: fixed; bottom: 0; z-index: 99; width: 100%; height:50px; line-height:50px; background:#333; color: #fff; font-size:18px; font-weight: bold; text-align: center; }
#footertel a { color: #fff; font-size:16px; font-weight: bold;}

/*index*/
.warp1, .warp2 { padding: 30px 0; background: #f1f1f1; }
.warp2 { background: #e1e1e1; }
.warp3 { padding: 0 0 30px 0; background: #f1f1f1; }

.main {  }
.main .title { background: #333; height: 40px; line-height: 40px; color: #fff; text-indent: 25px; font-size: 18px; }
.main .t2 { background: #333; }
.main .title a { color: #fff; }
.main .index-project,.main .index-product { padding:15px 1%; background: #fff; }
.main .index-product ul li { overflow: hidden; float: left; padding:15px 1%; width: 48%; height:auto; }
.main .index-product ul li img { float: left; margin-right:3%; width:48%; }
.main .index-product ul li img:hover { filter: alpha(opacity=60); opacity: 0.6; }
.main .index-product ul li .name {line-height:30px; margin-bottom:10px;  height:30px; width:49%; float:left;}
.main .index-product ul li .name a { font-size: 18px; color: #333; }
.main .index-product ul li .name a:hover { color: #f00; }
.main .index-product ul li p { float: left; overflow: hidden; width:49%; height: 128px; line-height:32px;}
.main .index-product ul li p span { font-weight: bold; }

.main .index-project { }
.main .index-project ul li { overflow: hidden; float: left; padding:15px 1%; width:31.3%; height:auto; }
.main .index-project ul li div { margin: 0; line-height: 25px; }
.main .index-project ul li div span { font-weight: bold; }
.main .index-project ul li img { width: 100%; }
.main .index-project ul li img:hover { filter: alpha(opacity=60); opacity: 0.6; }
.main .index-project ul li .name {line-height:35px;  height:30px; margin-bottom:5px;}
.main .index-project ul li .name a { font-size: 18px; color: #333; }
.main .index-project ul li .name a:hover { color: #f00;}
.main .index-project ul li p{ line-height:25px; height:75px; overflow:hidden;}
.main .index-project ul li p span{font-weight: bold;}

.main .column { overflow: hidden; float: left; width:67%; background: #fff;}
.main .index-text { padding:30px 2%; line-height: 30px;}
.main .index-text p img{ margin:5px 2% 0 0; width:38%; float:left; height:auto;}
.main .index-text p { margin: 0; line-height:28px; }

.main .news { margin-left:2.5%; width:30.5%; }
.main .index-news { padding: 16px 5%; }
.main .index-news ul li { overflow: hidden; background: url(../images/icon1.png) no-repeat left; line-height: 28px; height: 28px; text-indent: 6%; }

/* 内页面 */
.main .nav { line-height: 40px; }
.main .t3 { background: #333; height: 40px; line-height: 40px; color: #fff; letter-spacing: 3px; text-align: center; }
.main .t3 h1 { margin: 0; padding: 0; font-size: 18px; }
.main .article-pic { padding:30px 2.5%; background: #fff; }
.main .article-pic .pic { text-align: center; }
.main .article-pic .pic-title { overflow: hidden; }
.main .article-pic .pic-title img { float: left; margin-right:2%; width:46%; }
.main .article-pic .pic-title h1 { margin: 0 0 20px 0; padding: 0; text-align: left; }
.main .article-pic .pic-title div.jianjie { float: left; width:52%; height: 300px; font-size: 15px; line-height: 40px; }
.main .article-pic .pic-title div.jianjie p { margin: 0; line-height: 40px; }

.main .content { margin-top: 20px; line-height: 30px; font-size: 14px; }
.main .content h2 { padding: 0 20px; font-size: 18px; background: url(../images/icon3.png) no-repeat left; line-height: 40px; margin-top:10px;}
.main .content p { line-height: 30px; margin-top:5px; }
.main .content table { border-spacing: 0; border-collapse: collapse; }
.main .content table tr:nth-of-type(1) { background: #333; color: #fff; }
.main .content td { padding: 0 5px; line-height: 28px; border:1px solid #CCC; }
.main .content2 {  padding:30px 2.5%; background: #fff; line-height: 30px; font-size: 14px; }
.main .content2 .about-pic{ margin:0 2.5% 0 0; width:39%; height:270px; float:left; padding:0;}
.main .content2 .about-honors li{ width:32%; float:left; margin-right:1.333%; line-height:28px;}
.main .content2 h2 { padding: 0 20px; font-size: 18px; background: url(../images/icon3.png) no-repeat left; line-height: 40px;  margin-top:10px;}
.main .content2 p { line-height: 30px; margin-top:10px; }
.main .content2 table { border-spacing: 0; border-collapse: collapse; }
.main .content2 td { padding: 0 5px; line-height: 28px; border:1px solid #CCC; }
.main .caseimg img { margin: 10px 1%; width: 31%; height: 260px; }

.main .next { margin: 30px 0 0 0; padding: 10px 0 0 0; list-style: none; border-top: dashed 1px #333; }
.main .next li { overflow: hidden; float: left; width: 50%; background: url(../images/icon1.png) no-repeat left; line-height: 30px; height: 30px; text-indent: 20px; }

.main .list-news { padding: 30px; background: #fff; }
.main .list-news ul li { overflow: hidden; float: left; width: 50%; background: url(../images/icon1.png) no-repeat left; line-height: 30px; height: 30px; text-indent: 20px; }
.main .list-news ul li.line { margin-top: 20px; padding-top: 20px; border-top: dashed 1px #333; background: url(../images/icon1.png) no-repeat left 32px;  }

/* 相关图片-4图 */
.main .about-pic { padding: 20px 1.25%; background: #fff; }
.main .about-pic ul { margin: 0; padding: 0; border: 0; list-style: none; }
.main .about-pic ul li { float: left; padding: 10px 1.25%; width:22.5%; text-align: center;}
.main .about-pic ul li img { width: 100%; height: 210px; }
.main .about-pic ul li img:hover { filter: alpha(opacity=60); opacity: 0.6; }
.main .about-pic ul li a { display: block; color: #333; font-size: 15px; }
.main .about-pic ul li a:hover { color: #f00; }
.main .about-pic ul li a span { overflow: hidden; display: block; height: 35px; line-height: 35px; }

/* 分页 */
.page { margin: 20px 0 0 0; padding: 0; font-size: 15px; line-height: normal; text-align: center; }
.page a { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #11619c; font-weight: normal; text-decoration: none; letter-spacing: 0; border:1px solid #11619c; }
.page span { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #888; font-weight: normal; text-decoration: none; letter-spacing: 0; } /* SPAN和链接 */
.page a:hover, .page a.current { color: #f00; border: 1px solid #f00; } /* 当前链接有激活时 */
.page input { margin: 0 -5px; padding: 0; border: 0; width: 25px; height: 16px; font-size: 12px; color: #888; text-align: center; vertical-align: middle; } /* 跳转INPUT */

@media screen and (max-width:1024px) {
.main,footer .friendlink, footer .foot,nav .nav,header .head{ max-width:960px;}
nav .nav li .erj li{ display:none;}
/*index*/
.main .index-product ul li { overflow: hidden; float: left; padding:15px 1%; width: 48%; height:auto; }
.main .index-product ul li img { margin-right:3%; width:43%; }
.main .index-product ul li .name { width:100%; margin-bottom:0px; }
.main .index-product ul li .name a { font-size: 21px; }
.main .index-product ul li p { width:54%; height:100px; line-height:25px; font-size: 12px; }
.main .index-project ul li .name { width:100%; margin-bottom:0px; }
.main .index-project ul li .name a { font-size: 21px;}
.main .index-project ul li p{ line-height:25px; height:75px; overflow:hidden;}
.main .column { overflow: hidden; float: left; width:100%; background: #fff; padding-bottom:30px; }
.main .index-text p.text { line-height:32px; font-size:14px;}
.main .news { margin-left:0; width:100%; margin-top:30px; padding-bottom:30px; }
.main .index-news ul li { overflow: hidden; background: url(../images/icon1.png) no-repeat left; line-height: 28px; height: 28px; text-indent:4%; width:48%; padding:0 1%; float:left; }
footer .friendlink { display: none; }

/* 内页面 */
.main .article-pic .pic-title img { margin-right:3%; width:45%; }
.main .article-pic .pic-title h1 { margin: 0 0 10px 0; padding: 0; }
.main .article-pic .pic-title div.jianjie {  width:52%; height:auto; font-size: 14px; line-height:30px; }
.main .article-pic .pic-title div.jianjie p { margin: 0; line-height:30px; }
.main .about-pic ul li a {font-size: 16px; }
.main .content2 .about-pic{ width:42%; height:auto;}
.main .content2 h2 { font-size: 16px; }
.main .content2 p{ line-height:32px; }
}
@media screen and (max-width:800px) {
header .head .logo { width:55%; }
header .head .tel { padding-top: 10px; width:45%; height: 50px; font-size: 18px; }
.main,footer .friendlink, footer .foot,nav .nav,header .head{ max-width:auto; width:96%;}	
nav .nav li a {font-size: 16px; }
.main .index-product ul li{ padding:15px 2%; width: 46%;}
.main .index-product ul li img { margin-right:0; width:100%;}
.main .index-product ul li .name { margin:10px 0 5px;}
.main .index-product ul li p { width:100%; height:120px; line-height:30px;  }

.main .content2 .about-honors li{ width:48%; float:left; margin-right:2%; line-height:28px;}
.main .content2 .about-honors li:nth-child(9){ width:100%;}
.main .article-pic .pic-title img { float: left; margin-right:2%; width:48%; }
.main .article-pic .pic-title h1 { margin: 0 0 10px 0; padding: 0;  font-size:16px;}
.main .article-pic .pic-title div.jianjie { float: left; width:50%; height:auto; font-size:12px; line-height:25px; }
.main .article-pic .pic-title div.jianjie p { margin: 0; line-height:25px; }
.main .caseimg img { margin: 10px 1%; width: 48%; height: 260px; }

/* 相关图片-4图 */
.main .about-pic ul li { padding:0 2% 10px; width:46%; }
.main .about-pic ul li img { width: 100%; margin-bottom:0; }
.main .about-pic ul li a { font-size: 16px;}
}

@media screen and (max-width:640px) {
header { }
header .head{  padding: 15px 0; }
header .head .logo{ width:40%;}
nav,header .tel{display:none; }

header .head .menu{ display:block; width:35px; height:25px; float:right; margin:25px 5% 0 0;}
header .head .menu a.menulist{ background:url(../images/menu.png) no-repeat right; height:25px; width:35px; display:block;}
#menu .nav{ width:160px; padding:20px 0;height:auto;}
#menu .nav .nav-closed{ height:25px; text-align:center; margin-bottom:15px;}
#menu .nav ul li{ line-height:35px; text-align:center; font-size:16px; color:#fff;}
#menu .nav ul li a{ color:#fff;}
#menu .nav ul li a:hover{ color:#000; text-decoration:underline;}
#menu .nav ul li.nav-tel{}

#footertel { display: block; }

.main .index-product ul li{ padding:15px 0; width: 100%;}
.main .index-project ul li { padding:15px 0; width:100%;}
.main .index-text p.img{ margin:0 0 10px; width:100%;}
.main .index-text p.text { line-height:28px; width:100%; font-size:12px; }
.main .index-news ul li { width:100%; padding:0; float:left; }

.main .content2 .about-pic{ clear:both; margin:0 0 20px 0; width:100%; height:auto;}
.main .content2 .about-honors li{ width:100%;margin-right:0; line-height:28px;}
.main .article-pic .pic-title img { float: left; margin-right:0; width:100%; margin-bottom:20px; }
.main .article-pic .pic-title h1 { margin: 0 0 10px 0; padding: 0;  font-size:16px;}
.main .article-pic .pic-title div.jianjie { float: left; width:100%; height:auto; font-size:14px; line-height:30px; }
.main .article-pic .pic-title div.jianjie p { margin: 0; line-height:30px; }

.main .list-news ul li {  width:100%;}
.main .list-news ul li.line { margin-top:0px; padding-top:0px; border-top:0; background: url(../images/icon1.png) no-repeat left center; line-height: 30px; height: 30px; text-indent: 20px;   }

/* 相关图片-4图 */
.main .about-pic ul li { padding:0 0 10px 0; width:100%; }
.main .about-pic ul li img { width: 100%; margin-bottom:0; }
.main .about-pic ul li a { font-size: 16px;}
}
@media screen and (max-width:480px) {
header .head .logo{ width:80%;}
header .head .menu{ margin:5px 3% 0 0;}
.main .nav { line-height:25px; }
.main .t3 {height:auto; line-height:25px; padding:5px 0 5px 10px; text-align: left; }
.main .t3 h1 {font-size: 16px; }
.main .caseimg img { margin: 10px 1%; width: 98%; height: 260px; }

.main .next li { width:100%;}
}