/* Code tidied up by ScrapBook */
.news{
	background: #f4f6f9;}
.news h1 {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
	border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #16A085;
}
.news .news-right {
	height: 302px;
	padding:10px 0 7px 10px;
	margin-top:10px;
	background: #fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(222, 222, 222);
	border-bottom-color: rgb(222, 222, 222);
	border-left-color: rgb(222, 222, 222);
	border-right-width: 1px;
	border-right-color: rgb(222, 222, 222);
	font-size:16px;
}
.news .news-right .switch-bar ul { background-color: rgb(249, 249, 248); }
.news .news-right .switch-bar ul li {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	float: left;
	color: #333;
	background-color: #f6f6f6;
	margin-right:7px;
}
.news .news-news-right .switch-bar ul li a { display: block; }
.news .news-news-right .switch-bar ul li.current a {
	color: #fff;
	background-attachment: scroll;
	background-color: #10955c;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
}
.news .news-right .tabcon { position: relative;width: 96%; height: 100%; overflow: hidden;}
.news_centre .news-right .tabcon .subbox { width: 100%; /*position: absolute; left: 0px; top: 0px; */}
.news_centre .news-right .sublist { float: left; width: 100%; height: 100%; padding:0px 0 10px 0; }
.news .news-right .sublist ul { margin-top:5px; display: block; }
.news .news-right .sublist li { height: 40px; line-height: 40px; display: block; position: relative;}
.news .news-right .sublist li span{display: block;width:78%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.news .news-right .sublist li a {width:100%; font-size: 16px; padding-left: 10px; display: inline-block;box-sizing: border-box;  background: rgba(0, 0, 0, 0) url("../images/common.png") no-repeat scroll -197px -9px; overflow: hidden;  }
.news .news-right .sublist li a:hover {
	color: #16A085;
	text-decoration: underline;
}
.news .news-right .sublist li em {
	font-style: normal;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #999;
}
.news .news-content { border-top: 1px solid rgb(222, 222, 222); padding-top: 10px; margin-top: -1px;}
.footer h1 {
	width:96%;
	margin:0 auto;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: normal;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #10955c;
}
.footer .footer-content { border-top: 1px solid rgb(222, 222, 222); padding-top: 10px; margin-top: -1px; }
.news .news-left { width:64.7%; height: 315px;background: #fff;padding: 10px 0 10px 10px;border: 1px solid rgb(222, 222, 222);}
.news .news-left .switch-bar ul { background-color: rgb(249, 249, 248); }
.news .news-left .switch-bar ul li {
	display: block;
	width: 28%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	float: left;
	color: #333;
	background-color: #f6f6f6;
	margin-right:7px;
}
.ddf2 {
	width: 21%;
}
.news .news-left .switch-bar ul li a { display: block;font-size: 18px;}
.news .news-left .switch-bar ul li.current a {
	color: #fff;
	background-attachment: scroll;
	background-color: #10955c;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
}
.news .news-left .tabcon { position: relative;width: 100%; height: 285px; overflow: hidden; }
.news .news-left .tabcon .subbox { width: 97%; /*position: absolute; left: 0px; top: 0px; */}
.news .news-left .sublist { float: left; width: 100%;}
.news .news-left .sublist ul { margin-top:5px; display: block; }
.news .news-left .sublist li { 
height: 40px; line-height: 40px; display: block; position: relative;}
.news .news-left .sublist li span{display: block;width:78%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.news .news-left .sublist li a {
	width: 100%;
	font-size: 16px;
	padding-left: 10px;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	background-attachment: scroll;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(../images/common.png);
	background-repeat: no-repeat;
	background-position: -197px -9px;
}
.news .news-left .sublist li a:hover {
	color: #16A085;
	text-decoration: underline;
}
.news .news-left .sublist li em {
	font-style: normal;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #999;
	font-size:16px;
}
.news .news-right { width: 32.3%; }
.news .news-right .pictureContainer { position: relative; overflow: hidden; }
.news .news-right .slideshow li { overflow: hidden; display: none; }
.news .news-right .slideshow span {
	position: absolute;
	bottom: 0px;
	left: 50px;
	width: 100%;
	font-size: 22px;
	overflow: hidden;
	background-repeat: repeat;
	background-position: 0% 0%;
	font-weight: normal;
	vertical-align: middle;
	line-height:150px;
}
.news .news-right .slideshow span a { color: rgb(255, 255, 255); display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 450px; }
.news .news-right .pictureContainer .slidebar { position: absolute; bottom: 13px; right: 25px; }
.news .news-right .pictureContainer .more { display: block; width: 12px; height: 12px; background: rgba(0, 0, 0, 0) url("../images/more.gif") repeat scroll 0% 0%; position: absolute; right: 7px; bottom: 11px; }
.search { background: rgba(0, 0, 0, 0) url("../images/search.jpg") repeat-x scroll 0% 0%; padding: 10px 0; width: auto; height: 31px; width:100%; }
.leftkeywords{height: 25px;line-height: 25px;}
.leftkeywords a{margin:0 6px;font-size: 16px;color: #222;}
.leftkeywords a:hover{color: #097bd1;}
.search .search-form { position: relative; }
.search .keywords { width: 218px; height: 26px; line-height: 26px; text-indent: 15px; background-color: rgb(255, 255, 255); color: #222; font-family: Microsoft Yahei;border:1px solid #c3c3c3; }
.search .search_btn { top: 0px; right: 0px; width: 38px; height: 28px; background: rgba(0, 0, 0, 0) url("../images/icon_search.jpg") no-repeat;background-size: 100% 100%; border: 0px none; cursor: pointer; }
.case { padding-top: 10px; }
.case .project { width: 30.3%;margin-right: 3%; }
.case .project a { display: block; width:100%; height: 100%; }
.case .cooper { width: 49%;margin-left: 1%;  }
.case .cooper a { display: block; width:100%; height: 100%;  }

/*手机版轮播图*/
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden; }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:160px; background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*新闻*/
.slideTxtBox .hd ul li.on a{
	font-size: 18px;
	color: #fff;
	background-color: #16A085;
}
/*新闻图片*/
.slideImgBox{overflow:hidden; position:relative; }
.slideImgBox .hd{ overflow:hidden; zoom:1; float:left;  }
.slideImgBox .hd li{ float: left; width: 8px; height: 8px;margin: 0px 4px; cursor: pointer; display: block; background: rgba(0, 0, 0, 0) url("../images/common.png") no-repeat scroll -47px -26px; }
.slideImgBox .hd li.on{background: rgba(0, 0, 0, 0) url("../images/common.png") no-repeat scroll -58px -26px; }
.slideImgBox .bd{ position:relative; height:100%; z-index:0;   }
.slideImgBox .bd li{ zoom:1; vertical-align:middle; }
.slideImgBox .bd li img{ padding-left:12px;}
.slideImgBox .bd img{ display:block;}
/*新闻中心*/
.news_centre h1 {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
	color: #333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #16A085;
	
}
.news_centre h1 on a{
    color: #fff;
    background-color: #16A085;
	padding: 0 5px;
}
.news_centre h1 a{
    display: block;
	padding: 0 5px;
}
.news_centre .news-content { border-top: 1px solid rgb(222, 222, 222);margin-top: -1px;}
.news_centre .news-left {
	width: 32.3%;
	height: 202px;
	padding: 10px 10px 10px 10px;
	background: #fff;
	margin: 10px 0 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: rgb(222, 222, 222);
	border-right-color: rgb(222, 222, 222);
	border-bottom-color: rgb(222, 222, 222);
}
.news_centre .news-left .switch-bar ul { background-color: rgb(249, 249, 248); }
.news_centre .news-left .switch-bar ul li {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	float: left;
	color: #333;
	background-color: #fff;
}
.news_centre .news-left .switch-bar ul li a { display: block; }
.news_centre .news-left .switch-bar ul li.current a {
	color: #fff;
	background-attachment: scroll;
	background-color: #10955c;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
}
.news_centre .news-left .tabcon { position: relative;width: 96%; height: 100%; overflow: hidden; }
.news_centre .news-left .tabcon .subbox { width: 100%; /*position: absolute; left: 0px; top: 0px; */}
.news_centre .news-left .sublist { float: left; width: 100%; height: 100%;}
.news_centre .news-left .sublist ul { display: block; }
.news_centre .news-left .sublist li { height: 40px; line-height: 40px; display: block; position: relative;}
.news_centre .news-left .sublist li span{display: block;width:78%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.news_centre .news-left .sublist li a {width:100%; font-size: 16px; padding-left: 10px; display: inline-block;box-sizing: border-box;  background: rgba(0, 0, 0, 0) url("../images/common.png") no-repeat scroll -197px -9px; overflow: hidden;  }
.news_centre .news-left .sublist li a:hover {
	color: #16A085;
}
.news_centre .news-left .sublist li em {
	font-style: normal;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #999;
	font-size:16px;
}
.news_centre .news-centre {
	width: 31.6%;
	height: 222px;
	margin: 10px 0 20px; 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(222, 222, 222);
	border-bottom-color: rgb(222, 222, 222);
	border-left-width: 1px;
	border-left-color: rgb(222, 222, 222);
}
.news_centre .news-centre .switch-bar ul { background-color: rgb(249, 249, 248); }
.news_centre .news-centre .switch-bar ul li {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	float: left;
	color: #333;
	background-color: #f6f6f6;
	margin-right:7px;
}
.news_centre .news-centre .switch-bar ul li a { display: block; }
.news_centre .news-centre .switch-bar ul li.current a {
	color: #fff;
	background-attachment: scroll;
	background-color: #10955c;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
}
.news_centre .news-centre .tabcon { position: relative;width: 100%; height: 100%; overflow: hidden; }
.news_centre .news-centre .tabcon .subbox { width: 92%; /*position: absolute; left: 0px; top: 0px; */}
.news_centre .news-centre .sublist { float: left; width: 100%; height: 100%; padding-top:10px; }
.news_centre .news-centre .sublist ul { margin-top:5px; display: block; }
.news_centre .news-centre .sublist li { height: 40px; line-height: 40px; display: block; position: relative;}
.news_centre .news-centre .sublist li span{display: block;width:78%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.news_centre .news-centre .sublist li a {width:100%; font-size: 16px; padding-left: 10px; display: inline-block;box-sizing: border-box;  background: rgba(0, 0, 0, 0) url("../images/common.png") no-repeat scroll -197px -9px; overflow: hidden;  }
.news_centre .news-centre .sublist li a:hover {
	color: #10955c;
}
.news_centre .news-centre .sublist li em { font-style: normal; display: inline-block; position: absolute; right: 0px; top: 0px; }
.news_centre .news-right {
	width: 32.3%;
	height: 202px;
	padding: 10px 0px 10px 10px;
	margin: 10px 0 0 0;
	background: #fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(222, 222, 222);
	border-bottom-color: rgb(222, 222, 222);
	border-left-color: rgb(222, 222, 222);
	border-right-width: 1px;
	border-right-color: rgb(222, 222, 222);
}
.news_centre .news-right .switch-bar ul { background-color: rgb(249, 249, 248); }
.news_centre .news-right .switch-bar ul li {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	float: left;
	color: #333;
	background-color: #f6f6f6;
	margin-right:7px;
}
.news_centre .news-news-right .switch-bar ul li a { display: block; }
.news_centre .news-news-right .switch-bar ul li.current a {
	color: #fff;
	background-attachment: scroll;
	background-color: #10955c;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
}
.news_centre .news-right .tabcon { position: relative;width: 96%; height: 100%; overflow: hidden; }
.news_centre .news-right .tabcon .subbox { width: 100%; /*position: absolute; left: 0px; top: 0px; */}
.news_centre .news-right .sublist { float: left; width: 100%; height: 100%; padding:0px 0 10px 0; }
.news_centre .news-right .sublist ul { margin-top:5px; display: block; }
.news_centre .news-right .sublist li { height: 40px; line-height: 40px; display: block; position: relative;}
.news_centre .news-right .sublist li span{display: block;width:78%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.news_centre .news-right .sublist li a {width:100%; font-size: 16px; padding-left: 10px; display: inline-block;box-sizing: border-box;  background: rgba(0, 0, 0, 0) url("../images/common.png") no-repeat scroll -197px -9px; overflow: hidden;  }
.news_centre .news-right .sublist li a:hover {
	color: #16A085;
}
.news_centre .news-right .sublist li em {
	font-style: normal;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #999;
}
@media (min-width: 1025px){
	.focus{display: none;}
	.search{display: none;}
}

@media (max-width: 1024px){
	.slideBox1{display: none;}
}

@media (min-width: 768px) and (max-width: 1024px){
	.slideImgBox .bd li{ zoom:1; vertical-align:middle; }
	.slideImgBox .bd li img{ padding:0;}
	.right{display: none;}
	.news .news-left,.news .news-right{width: 99%;float: none;margin-bottom: 30px;}
	.news_centre .news-left{width: 98%;float: none;}
	.news_centre .news-centre,.news_centre .news-right{width: 99%;float: none;}
	.bottom_left{width:60%;}
	.bottom_right{width: 40%;}
	.footer_logo img{max-width: 90px;}
	.company_info{margin-left: 20px;padding-left: 20px;}
	.bottom_right .imgbox img{max-width:100px;}
	.news_centre .news-left .tabcon .subbox{width: 100%;}
	.news_centre .news-centre .tabcon .subbox{width: 100%;}
	.news_centre .news-left .tabcon{width: 100%;}
	.news_centre .news-centre .tabcon{width: 100%;}
	.news_centre .news-right .tabcon{width: 96%;}
}

@media (max-width: 767px){
	.left_fu{width:50%;}
	.left_fu img{ width:50%;}
	.slideImgBox .bd li{ zoom:1; vertical-align:middle; }
	.slideImgBox .bd li img{ padding:0;}
	.case {width:100%;}
	.case .project{width:100%; }
	.leftkeywords {display: none;}
	.search .search-form{float: none;width: 90%;margin:0 auto; height: 28px;line-height: 28px; position: relative;border:1px solid #c3c3c3;background: #fff;}
	.search .keywords{width: 100%;text-indent: 5px; padding-right: 38px;box-sizing: border-box;border:0; height: 28px; line-height: 28px;}
	.news .news-left,.news .news-right{width: 98%;float: none;margin-bottom: 30px;}
	.news_centre .news-left{width: 96.2%;border-left-style: solid;border-left-width: 1px;border-left-color: rgb(222, 222, 222); float: none;margin-top: -22px;}
	.news_centre .news-centre{width: 99.5%; height: 222px;border-right-style: solid;border-right-width: 1px;border-right-color: rgb(222, 222, 222); float: none;}
	.news_centre .news-right{width: 98%; height: 202px;float: none;margin-bottom: 30px;}
	.bottom_left{width:100%;}
	.bottom_right{width: 100%;text-align: center;}
	.footer_logo img{max-width: 50px;}
	.company_info{margin-left: 10px;padding-left: 10px;font-size: 13px;line-height: 22px;}
	.bottom_right .imgbox img{max-width:100px;}
	.news .news-left .switch-bar ul li{width: 25%;}
	.news .news-left .sublist li span{width: 70%;}
	.news_centre .news-left .switch-bar ul li{width: 25%;}
	.news_centre .news-left .sublist li span{width: 70%;}
	.news_centre .news-left .tabcon .subbox{width: 100%;}
	.news_centre .news-centre .tabcon .subbox{width: 100%;}
	.news_centre .news-left .tabcon{width: 96%;}
	.news_centre .news-centre .tabcon{width: 100%;}
	.news_centre .news-right .tabcon{width: 96%;}
	.iop {height:100%;}
	.iop i{display: none;}
	.iop i span{display: none;}
	.iop p{width: 100%;}
	.iop p span{width: 100%;pxoverflow:hidden;text-overflow: ellipsis;}
	.footer .footer_top{text-align: center;}
	.footer .footer_top .friend-ico{float: none;display: inline-block;margin-bottom: 10px;}
	}
.news-content top_right{
	text-align: left;
	width: 100%;
	font-size: 16px;
	color: #666;
}	
.news-content top_right a{
	text-align: left;
	width: 100%;
	font-size: 16px;
	color: #666;
}	
.top_right p{
	margin: 4px 0;
	font-size: 16px;
	color: #666;
}
.gengduo{
	float:right;
	width:7%;
	margin-top:12px;
}
.gengduo a{
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url(../images/icon_add.png);
}
.gengduo a:hover{
	display: inline-block;
	width: 19px;
	height: 19px;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	background-image: url(../images/icon_sub.png);}