@charset "utf-8";

/* CSS Document */

*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}

body{ text-align: justify;}

a{ text-decoration:none; font-size: 14px; color:#000;}

input,select,textarea{ outline:none;}



.clear{clear:both;}

.clearfix{ *zoom: 1;}

.clearfix:before{ content: ""; display: table;}

.clearfix:after{ content: ""; display: table; clear: both;}



.pic{ overflow: hidden;}

.pic img{ max-width: 100%; display: block; width: 100%; overflow: hidden;transition: all 0.5s;transform: scale(1); max-height:100%;}



.left{ float:left;}

.right{ float:right;}


.pl img{
	width: 388px;
	height: 250px;
}




.topbg{

	line-height: 40px;

	background: #006060;

	color: #fff;

	font-size: 14px;

}

.top{

	width: 1200px;

	margin: 0 auto;

}



.header{

	width: 1200px;

	margin: 0 auto;

}

.header .logo{

	width: 460px;

	height: 52px;

	padding: 25px 0;

}

.header .logo .text{

	height: 52px;

}

.header .logo .text h1{

	color: #006060;

	font-size: 30px;

}

.header .logo .text p{

	color: #888888;

	font-size: 12px;

	text-transform: uppercase;

	line-height: 12px;

	letter-spacing: 1.6px;

}





.header .menu{

	width: 700px;

}

.header .menu li{

	display: block;

	float: left;

	line-height: 102px;

	margin: 0 0 0 30px;

	width: 70px;

	text-align: center;

	position: relative;

}

.header .menu li:after{

	display: block;

	content: '';

	position: absolute;

	width: 100%;

	height: 4px;

	opacity: 0;

	bottom: 0;

	background: #ff6900;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.header .menu li a{

	color: #282828;

	font-size: 16px;

	display: block;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.header .menu li.this a,

.header .menu li:hover a{

	color: #ff6900;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.header .menu li.this:after,

.header .menu li:hover:after{

	opacity: 1;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}





.banner{

	height: 650px;

}



.searchbg{

	line-height: 64px;

	height: 64px;

	font-size: 14px;

	background: #f4f4f4;

}

.search{

	width: 1200px;

	margin: 0 auto;

}

.search .left{

	color: #666;

}

.search .left strong{

	color: #282828;

}

.search .stext{

	height: 62px;

	border: 1px solid #dcdcdc;

	background: #f4f4f4;

	width: 220px;

	padding: 0 25px;

	float: left;

}

.search .sbut{

	height: 64px;

	width: 64px;

	border: none;

	float: left;

	cursor: pointer;

	background: url("../images/sbut.png") #006060 center no-repeat;

}





.stitle{

	text-align: center;

}

.stitle h1{

	font-size: 36px;

}

.stitle h1 span{

	color: #006060;

}

.stitle h1 font{

	color: #ff6900;

}

.stitle p{

	font-size: 16px;

	color: #000;

	line-height: 30px;

}

.stitle h4{

	color: #b0b0b0;

	font-size: 18px;

	display: table;

	margin: 0 auto;

	height: 24px;

	text-transform: uppercase;

	position: relative;

}

.stitle h4:after,

.stitle h4:before{

	width: 150px;

	height: 1px;

	background: #bfbfbf;

	position: absolute;

	content: '';

	display: block;

	top: 50%;

}

.stitle h4:after{

	right: -156px;

}

.stitle h4:before{

	left: -156px;

}











.td{

	padding: 70px 0;

	width: 1200px;

	margin: 0 auto;

}









.probg{

	padding: 60px 0;

	background: #f4f4f4;

}

.pro{

	width: 1200px;

	margin: 0 auto;

}





.cate_pro{

	width: 1200px;

	background: #fff;

	margin: 30px 0 0 0;

}

.cate_pro li{

	display: block;

	float: left;

	line-height: 65px;

	width: 150px;

	text-align: center;

	position: relative;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.cate_pro li a{

	display: block;

	font-size: 16px;

	color: #282828;

}

.cate_pro li:before{

	display: block;

	width: 1px;

	height: 15px;

	content: '';

	position: absolute;

	background: #dcdcdc;

	top: 50%;

	margin-top: -7.5px;

}

.cate_pro li:hover{

	background: #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.cate_pro li:hover a{

	color: #fff;

}

.cate_pro li:first-child{

	width: 195px;

	height: 65px;

	font-size: 24px;

	font-weight: bold;

	color: #fff;

	text-align: center;

	background: #006060;

}

.cate_pro li:nth-child(2):before,

.cate_pro li:first-child:before,

.cate_pro li:last-child:before{

	display: none;

}

.cate_pro li:last-child{

	float: right;

	width: 65px;

	text-align: center;

	background: #ff6900;

}

.cate_pro li:last-child a{

	font-size: 30px;

	color: #fff;

	font-weight: lighter;

}





.proul{

	margin: 30px 0 0 0;

}

.proul li{

	float: left;

	width: 390px;

	display: block;

	margin: 0 15px 15px 0;

}

.proul li:nth-child(3n){

	margin: 0 0 15px 0;

}

.proul li p{

	line-height: 46px;

	text-align: center;

	font-size: 16px;

	color: #282828;

	background: #fff;

	border-bottom: 2px solid #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}
.proul li img{
	height: 240px;
}
.proul li:hover p{

	background: #006060;

	color: #fff;

	border-bottom: 2px solid #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.proul li:hover img{

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

	-moz-transform: 	scale(1.1);

	-webkit-transform: 	scale(1.1);

	-ms-transform: 		scale(1.1);

	-o-transform: 		scale(1.1);

	transform: 			scale(1.1);

}









.about{

	padding: 60px 0;

	width: 1200px;

	margin: 0 auto;

}

.abouttext{

	background: #006060;

	margin: 30px 0 0 0;

}

.abouttext img.left{

	width: 635px;

}

.abouttext .text{

	width: 450px;

	padding: 29px 57px;

	color: #fff;

	line-height: 24px;

	font-size: 14px;

}

.abouttext .text h2{

	text-align: center;

	font-size: 24px;

	font-weight: normal;

}

.abouttext .text h3{

	text-align: center;

	font-size: 12px;

	opacity: 0.5;

	font-weight: normal;

	text-transform: uppercase;

	margin: 0 0 30px 0;

}

.abouttext .text .more{

	display: block;

	width: 120px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	color: #fff;

	font-size: 12px;

	margin: 30px auto 0 auto;

	background: #ff6900;

	border: 1px solid #ff6900;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.abouttext .text .more:hover{

	background: none;

	border: 1px solid #ff6900;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}





.about .bottom{}

.about .bottom img{

	margin: 13px 13px 0 0;

	width: 290px;

	float: left;

}

.about .bottom img:last-child{

	margin: 13px 0 0 0;

}



.advbg{

	padding: 50px 0 0 0;

}

.advul1{

	margin: 30px 0 0 0;

}

.advul .adv{

	width: 50%;

	padding: 70px 0;

}

.advul .adv img{

	max-width: 100%;

}

.adv1,

.adv4{

	background: #e3f0ec;

}



.advul .adv1 .text,

.advul .adv3 .text{

	padding: 0 70px 0 0;

	width: 530px;

}

.advul .adv2 .text,

.advul .adv4 .text{

	padding: 0 0 0 70px;

	width: 530px;

}

.advul .adv .text .num{

	width: 49px;

	height: 54px;

	padding: 0 5px 0 0;

	text-align: center;

	line-height: 54px;

	color: #fff;

	font-style: italic;

	font-weight: bold;

	font-size: 30px;

	background: url(../images/bg_num.png) center no-repeat;

}

.advul .adv .text h4{

	float: left;

	font-size: 24px;

	color: #484848;

	margin: 0 0 0 10px;

}

.advul .adv .text h4 span{

	color: #006060;

}

.advul .adv .text h4 p{

	color: #888888;

	font-size: 12px;

	font-weight: normal;

}

.advul .adv .text>p{

	color: #484848;

	font-size: 16px;

	line-height: 30px;

	margin: 20px 0;

}



.casebg{

	background: #f6f6f6;

	padding: 60px 0;

}

.case{

	width: 1200px;

	margin: 30px auto 0 auto;

}

.case li{

	display: block;

	float: left;

	padding: 0 0 50px 0;

	position: relative;

	margin: 0 18px 0 0;

}


.case li p{

	line-height: 50px;

	text-align: center;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	font-size: 16px;

	bottom: 0px;

	background: url("../images/arrow_case_3.png") right 20px center no-repeat;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.case li:hover p{

	line-height: 66px;

	color: #fff;

	bottom: 10px;

	background: url("../images/arrow_case_3.png") #006060 right 20px center no-repeat;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}





.news{

	padding: 60px 0;

	width: 1200px;

	margin: 0 auto;

}











.newsul{

	margin: 30px 0 0 0;

}

.newsul .picnews li{

	display: block;

	float: left;

	margin: 0 10px 0 0;

	border: 1px solid #d2d2d2;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .picnews li:last-child{

	margin: 0 0 0 0;

}

.newsul .picnews li a{

	display: block;

	width: 280px;

	padding: 10px;

}

.newsul .picnews li span{

	display: block;

	font-size: 16px;

	color: #000;

	line-height: 48px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .picnews li p{

	font-size: 14px;

	color: #888888;

	line-height: 24px;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .picnews li font{

	font-size: 14px;

	color: #484848;

	line-height: 48px;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.newsul .picnews li:hover{

	background: #006060;

	border: 1px solid #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .picnews li:hover img{

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

	-moz-transform: 	scale(1.1);

	-webkit-transform: 	scale(1.1);

	-ms-transform: 		scale(1.1);

	-o-transform: 		scale(1.1);

	transform: 			scale(1.1);

}

.newsul .picnews li:hover span{

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .picnews li:hover p{

	color: #fff;

	opacity: .5;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .picnews li:hover font{

	color: #fff;

	font-weight: bold;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.newsul .newsli{

	width: 510px;

	padding: 25px;

}

.newsul .newsli .ntop{}

.newsul .newsli .ntop li{

	display: block;

	padding: 0 0 15px 0;

	margin: 0 0 15px 0;

	border-bottom: 1px solid #c9c9c9;

}

.newsul .newsli .ntop li a{

	display: block;

}

.newsul .newsli .ntop li .date{

	width: 90px;

	text-align: center;

	color: #999999;

}

.newsul .newsli .ntop li .date span{

	display: block;

	font-size: 44px;

}

.newsul .newsli .ntop li .text{

	width: 420px;

}



.newsul .newsli .ntop li .text span{

	line-height: 40px;

	font-size: 16px;

	color: #000;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .newsli .ntop li:hover .text span{

	color: #006060;

	font-weight: bold;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .newsli .ntop li .text p{

	line-height: 24px;

	color: #979797;

}







.newsul .newsli .nbottom{

}

.newsul .newsli .nbottom li{

	display: block;

}

.newsul .newsli .nbottom li span{

	display: inline-block;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	line-height: 28px;

	vertical-align: middle;

	color: #676767;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .newsli .nbottom li:hover span{

	color: #006060;

	font-weight: bold;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul .newsli .nbottom li font{

	display: inline-block;

	vertical-align: middle;

	float: right;

	color: #999999;

}







.xbanner{

	height: 180px;

	background: url("../images/xbanner.jpg") center no-repeat;

}





.footerbg{

	padding: 50px 0;

	background: #313131;

	color: #fff;

}

.footer{

	width: 1200px;

	margin: 0 auto;

}

.fmenu{}

.fmenu ul{

	float: left;

	margin: 0 40px 0 0;

}

.fmenu ul li{

	display: block;

	line-height: 24px;

}

.fmenu ul li:first-child{

	line-height: 40px;

}

.fmenu ul li a{

	color: #fff;

	opacity: .7;

}

.fmenu ul li:first-child a{

	opacity: 1;

}





.fcontact{

	margin: 15px 0 0 0;

}

.fcontact h3{

	font-size: 24px;

	line-height: 20px;

	letter-spacing: 0.5px;

}

.fcontact h4{

	font-size: 12px;

	line-height: 20px;

	text-transform: uppercase;

	font-weight: normal;

	margin: 0 0 55px 0;

}

.fcontact p{

	font-size: 14px;

	line-height: 24px;

}





.cr{

	line-height: 74px;

	color: #989898;

	font-size: 14px;

	background: #313131;

	text-align: center;

	border-top: 2px solid #434343;

}

.cr a{

	color: #989898;

	font-size: 14px;

}





.nbanner{

	height: 400px;

	background: url("../images/banner_about.jpg") center no-repeat;

}





.npos{

	line-height: 35px;

	margin: 10px auto 0 auto;

	width: 1200px;

	color: #666666;

	font-size: 14px;

	border-bottom: 1px dashed #c1c1c1;

}

.npos span{

	display: inline-block;

	width: 8px;

	height: 15px;

	background: #e8e8e8;

	vertical-align: middle;

	margin: -3px 10px 0 0;

}

.npos a{

	color: #666666;

	font-size: 14px;

}









.container{

	width: 1200px;

	margin: 30px auto 60px auto;

}



.con_left{

	width: 240px;

}

.con_left h1{

	padding: 15px 25px;

	background: #006060;

	color: #ffffff;

	font-size: 24px;

	line-height: 36px;

	margin: 0 0 6px 0;

}

.con_left h1 span{

	display: block;

	text-transform: uppercase;

}



.left_cate{}

.left_cate li{

	line-height: 45px;

	height: 45px;

	display: block;

	margin: 0 0 2px 0;

	background: #f5f5f5;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.left_cate li a{

	padding: 0 0 0 25px;

	display: block;

	height: 45px;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.left_cate li span{

	float: left;

	display: block;

	text-overflow: ellipsis;

	overflow: hidden;

	vertical-align: middle;

	width: 170px;

}

.left_cate li font{

	display: block;

	float: right;

	width: 45px;

	height: 45px;

	background: #ff6900;

	text-align: center;

	font-size: 18px;

	color: #fff;

	opacity: 0;

	vertical-align: middle;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.left_cate li.this,

.left_cate li:hover{

	background: #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.left_cate li.this a,

.left_cate li:hover a{

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.left_cate li.this font,

.left_cate li:hover font{

	opacity: 1;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.left_contact{

	width: 100%;

	display: block;

}

.lef_tel{

	padding: 15px 0;

	margin: 0 0 2px 0;

	line-height: 30px;

	background: #006060;

	color: #fff;

	text-align: center;

}

.lef_tel span{

	font-size: 14px;

}

.lef_tel p{

	font-size: 24px;

	font-weight: bold;

}



.tjpro{

	padding: 30px 20px;

	background: #f5f5f5;

	color: #282828;

}

.tjpro span{

	display: block;

	font-size: 16px;

	border-left: 2px solid #ff6900;

	padding: 0 0 0 10px;

	height: 18px;

	line-height: 18px;

}

.tjpro a{

	padding: 0 15px;

	color: #282828;

	display: block;

	float: left;

	line-height: 30px;

	background: #dcdcdc;

	border-radius: 15px;

	margin: 20px 10px 0 0;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.tjpro a:hover{

	background: #ff6900;

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}





.ncontainer{

	width: 935px;

	font-size: 16px;

	line-height: 30px;

	color: #484848;

}



.ncase li{

	float: left;

	width: 305px;

	display: block;

	margin: 0 10px 20px 0;

	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);

}

.ncase li:nth-child(3n){

	margin: 0 0 20px 0;

}

.ncase li img{

	width: 305px;

	height: 220px;

}

.ncase li .text{

	text-align: center;

	padding: 10px 20px;

}

.ncase li .text span,

.ncase li .text p{

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.ncase li .text span{

	font-size: 16px;

	color: #282828;

}

.ncase li .text p{

	font-size: 14px;

	color: #666666;

}

.ncase li:hover .text{

	background: #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.ncase li:hover .text span,

.ncase li:hover .text p{

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}









.nhonor li{

	float: left;

	width: 305px;

	display: block;

	margin: 0 10px 20px 0;

}

.nhonor li:nth-child(3n){

	margin: 0 0 20px 0;

}

.nhonor li img{

	width: 305px;

	height: 220px;

}

.nhonor li .pic{

	border: 1px solid #e5e5e5;

}

.nhonor li p{

	text-align: center;

	line-height: 40px;

}







.nnews{}

.nnews li{

	display: block;

	border-bottom: 1px solid #dcdcdc;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnews li:hover{

	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnews li a{

	padding: 20px;

	display: block;

}

.nnews li .pic{

	width: 200px;

}

.nnews li .text{

	width: 655px;

}

.nnews li .text span{

	display: block;

	font-size: 16px;

	color: #282828;

	line-height: 24px;

	margin: 10px 0 0 0;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnews li:hover .text span{

	color: #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nnews li .text font{

	display: block;

	font-size: 12px;

	color: #888888;

	line-height: 40px;

}

.nnews li .text p{

	font-size: 14px;

	color: #666666;

	line-height: 24px;

}









.npro li{

	float: left;

	width: 305px;

	display: block;

	margin: 0 10px 20px 0;

}

.npro li:nth-child(3n){

	margin: 0 0 20px 0;

}

.npro li img{

	width: 305px;

	height: 220px;

}

.npro li .pic{

	border: 1px solid #e5e5e5;

	border-bottom: none;

}

.npro li p{

	color: #282828;

	text-align: center;

	line-height: 44px;

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;

	border-bottom: 2px solid #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.npro li:hover p{

	color: #fff;

	background: #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}







.nvideo li{

	float: left;

	width: 305px;

	display: block;

	margin: 0 10px 20px 0;

}

.nvideo li:nth-child(3n){

	margin: 0 0 20px 0;

}

.nvideo li img{

	width: 305px;

	height: 220px;

}

.nvideo li .pic{

	border: 1px solid #e5e5e5;

	border-bottom: none;

	position: relative;

}

.nvideo li .pic:before{

	display: block;

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: url("../images/video.png") rgba(0,0,0,0.4) center no-repeat;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

	z-index: 99;

}

.nvideo li p{

	color: #282828;

	text-align: center;

	line-height: 44px;

	border: 1px solid #e5e5e5;

	border-top: none;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nvideo li:hover .pic:before{

	opacity: 0;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.nvideo li:hover p{

	color: #fff;

	background: #006060;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}







#showbox,

#showsum{

	margin-top: -50px;

}

#showsum img{

	margin: 0;

}





.nbanner_video{

	height: 400px;

	position: relative;

	overflow: hidden;

}

.nbanner_video video{

	position: absolute;

	top: -25%;

}

.nbanner_video:before{

	content: '';

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 9;

	margin-left: -263px;

	margin-top: -38px;

	width: 526px;

	height: 76px;

	background: url("../images/banner_video.png") center no-repeat;

}




.blk_18 { zoom:1; width:1200px; position: relative; }
.blk_18 .pcont { width:1200px; float:left; overflow:hidden; }
.blk_18 .ScrCont { width:32766px; zoom:1;  }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }


.blk_18 .LeftBotton{

	display: block;

	position: absolute;

	left: -50px;

	width: 44px;

	top: 120px;

	height: 44px;

	background: url("../images/arrow_1.png") center no-repeat;

}

.blk_18 .RightBotton{

	display: block;

	position: absolute;

	right: -50px;

	top: 120px;

	width: 44px;

	height: 44px;

	background: url("../images/arrow_2.png") center no-repeat;

}







.picshow {width:1200px;position:relative; margin: 30px 0 0 0;}

.ctrl-panel {

	width: 100%;

	margin: 20px 0 0 0;

}

.m-page {

	display:block;

	width:171.4px;

	padding: 40px 0;

	height:91.4px;

	text-align:center;

	background:#fff;

	float:left;

	font-size: 16px;

}

.focus,

.m-page:hover {

	box-shadow: 0 0 12px 0 rgba(0,96,96,.4);

	z-index: 9;

	position: relative;

}

.m-page span{

	height: 52px;

	display: block;

	margin: 0 0 10px 0;

}

.m-page:nth-child(1) span{ background: url("../images/icon_td_1.jpg") center no-repeat;}

.m-page:nth-child(2) span{ background: url("../images/icon_td_2.jpg") center no-repeat;}

.m-page:nth-child(3) span{ background: url("../images/icon_td_3.jpg") center no-repeat;}

.m-page:nth-child(4) span{ background: url("../images/icon_td_4.jpg") center no-repeat;}

.m-page:nth-child(5) span{ background: url("../images/icon_td_5.jpg") center no-repeat;}

.m-page:nth-child(6) span{ background: url("../images/icon_td_6.jpg") center no-repeat;}

.m-page:nth-child(7) span{ background: url("../images/icon_td_7.jpg") center no-repeat;}

.con {width:100%;}

.scroll-wrap {overflow: hidden;width: 1200px;POSITION: relative;height: 400px;}

.scroll_box_content {position: absolute;}

.content_list {float: left;width: 1200px;height: 400px;}

.content_list img{width: 1200px;height: 400px;}









.btn_prev{

	width: 56px;

	height: 56px;

	position: absolute;

	left: 10px;

	top: 175px;

	z-index: 99;

	cursor: pointer;

	background: url("../images/arrow_case_1.png") center no-repeat;

}

.btn_next{

	width: 56px;

	height: 56px;

	position: absolute;

	right: 10px;

	top: 175px;

	z-index: 99;

	cursor: pointer;

	background: url("../images/arrow_case_2.png") center no-repeat;

}