@charset "utf-8";

*{

		padding: 0;

		margin: 0;

	}

	body{

		

		height: 100%;

		font-family: "微软雅黑";

		

	}

a{

    color:inherit;

    text-decoration:none;

}

dl,dd{

	margin: 0;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.wrap{

	width:1200px;

	margin:0 auto;

}

.head{

	width:100%;

	height:90px;

	overflow: hidden;

}

.top1{

	padding: 18px 0px 18px 25px;

}

.top2{

	width: 500px;

	height: 30px;

	padding: 30px 0px;

}

.telephone{

	float: left;

	font-size: 12PX;

	color: red;

	margin: 0;

	line-height:30px;

	text-align: center;

}

.telephone span{

	font-size: 16px;

}

.icon{

	height: 30px;

	font-size: 16px;

	color: #000;

}

.icon img{

	margin-bottom: 5px;

	vertical-align: middle;

    margin-right: 5px;

}

.icon a:hover{color: #FF0000;}





#container{

	width: 100%;

	height: 600px;

	overflow: hidden;

}

.sections,.section {

		height:100%;

}

#container,.sections {

		position: relative;

}

.section {

		background-color: #fff;

		background-size: cover;

		background-position: 50% 50%;

	}



	

.ico{

	width: 250px;

	height: 68px;

	margin-left: 100px;

}

.ico input{

	float: left;

	width: 200px;

	height: 28px;

	margin: 18px 0px;

	background:#fff;

	border:none;

	

	

}

.ico .btn{float: left;width:30px;height:30px;border-style:none;margin-left:20px;border-width: 0px;background: url(../images/soso1.png) no-repeat;cursor: pointer;}



.ico img{

	float: right;

	margin: 18px 0px;	

}



.cbp-hrsub-inner .tu{

   margin: 39px 0;

}

.cbp-hrsub-inner .zhong{

	padding-left: 60px;

	width: 320px;

	height: 150px;

	margin: 39px 0;

	font-size: 12px;

	color: #000;

	border-right: 1px dashed #000;

}

.cbp-hrsub-inner .zhong ul{width: 320px;}

.cbp-hrsub-inner .zhong li{

	line-height: 24px;

	text-align: center;

}

.cbp-hrsub-inner .you{

	width: 400px;

	height: 150px;

	font-size: 12px;

	color: #000000;

	line-height: 24px;

	margin: 39px 39px;

	word-wrap:break-word; 	

}



.product{

	width: 100%;

	height: 430px;

	margin: 0;

	padding: 0;

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

}

.ipard{

   text-align: center;

   padding-top: 60px;

   margin-bottom:40px;

}

.title{

	font-size: 38px;

    color: #000;

    line-height: 60px;

    margin-bottom: 10px;

    margin-top: 0px;

}

.text{

	font-size: 14px;

	color: #7b7b7b;

    display: block;

    line-height: 20px;

    

}

.phone{

	width: 100%;                     

    height: 240px;

    margin: 0;

  

}

.item1 img{vertical-align:top;}

.item1 span{position:relative;float:left;margin: 0px 30px 30px 30px;width:340px;height:233px;overflow:hidden;cursor:pointer;}

.item1 div{position:absolute;left:0;top:183px;width:100%;height:30px;text-align:center;background:url(../images/demo02.png) no-repeat;color:#FFF;overflow:hidden;}

.item1 ul{display:none;margin:10px 80px 20px 100px;width:150px;}

.item1 li{list-style-type: none;text-align:left;}

.item1 a{font-size:14px; color:#fff; line-height:24px;text-decoration:none;}

.item1 a:hover{font-size: 18px;}

.item1 h3{height:30px;}

.item2 img{vertical-align:top;}

.item2 span{position:relative;float:left;margin: 0px 30px 30px 30px;width:340px;height:233px;overflow:hidden;cursor:pointer;}

.item2 div{position:absolute;left:0;top:183px;width:100%;height:30px;text-align:center;background:url(../images/demo02.png) no-repeat;color:#FFF;overflow:hidden;}

.item2 ul{display:none;margin:10px 80px 20px 100px;width:150px;}

.item2 li{list-style-type: none;text-align:left;}

.item2 a{font-size:14px; color:#fff; line-height:24px;text-decoration:none;}

.item2 a:hover{font-size: 18px;}

.item2 h3{height:30px;text-indent:-10000px;background:url(../images/demo06.png); no-repeat 0 -8px;}

.item3 img{vertical-align:top;}

.item3 span{position:relative;float:left;margin: 0px 30px 30px 30px;width:340px;height:233px;overflow:hidden;cursor:pointer;}

.item3 div{position:absolute;left:0;top:183px;width:100%;height:30px;text-align:center;background:url(../images/demo02.png) no-repeat;color:#FFF;overflow:hidden;}

.item3 ul{display:none;margin:10px 80px 20px 100px;width:150px;}

.item3 li{list-style-type: none;text-align:left;}

.item3 a{font-size:14px; color:#fff; line-height:24px;text-decoration:none;}

.item3 a:hover{font-size: 18px;}

.item3 h3{height:30px;text-indent:-10000px;background:url(../images/demo09.png); no-repeat 0 -8px;}

.about{

	width: 100%;

	height: 384px;

	margin: 0 auto;

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

}

.tc{

	text-align: center;

	display: block;

	margin-top: 60px;

}

.list_box1:first-child {

    border: none;

}

.list_box1{

    display: inline-block;

    border-left: 1px solid #dcdcdc;

    font-size: 15px;

    color: #626262;

    text-align: center;

    padding: 0 4%;

   

}

.list_box1 .number_box {

    font-size: 56px;

    color: #4a4a4a;

    line-height: 1;

    font-family: Arial;

}

.more_btn1{

    display: block;

    margin: 0 auto;

    width: 192px;

    height: 48px;

    text-align: center;

    background: #ff0000;

    line-height: 48px;

    font-size: 16px;

    color: #fff;

    margin-top:30px;

}



.serve{

	width: 100%;

	height: 530px;

	margin: 0 auto;

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

}

.silder-box-1{width:1200px;height:278px;margin: 0 auto;}

.silder{margin:0 auto 0;}

.silder li{ float:left;width:370px;height:278px;list-style:none outside none;}

.silder li img{width:100%;height:100%;}

.silder-button{top:100px;width:25px;height:54px;position:absolute;cursor:pointer;line-height: 278px;}

.silder-button.btl{left:0px;margin-bottom:30px;background:url(../images/bl.png);}

.silder-button.btr{right:0px;background:url(../images/br.png);}

.small-navs{position:absolute;}



.banner{

	position: relative;

	text-align: center;

	width: 100%;

	height: 750px;

}



@media only screen and (max-width:1680px){

   .banner{height: 656px;}

}



@media only screen and (max-width:1600px){

   .banner{height: 625px;}

}



@media only screen and (max-width:1440px){

   .banner{height: 563px;}

}



@media only screen and (max-width:1366px){

   .banner{height: 534px;}

}

@media only screen and (max-width:1280px){

	.banner{height: 500px;}

}

@media only screen and (max-width:1024px){

	.banner{height: 400px;}

}

@media only screen and (max-width:1199px){

   .banner{height: 468px;}	

}

/*.banner .pn{

	width: 1380px;

	margin: 0 auto;

	position: relative;

	z-index: 6;

}

.banner .prev{

	position: absolute;

	width: 37px;

	height: 100%;

	top: 0px;

	left: 0px;

	background: url(../images/pn.png) 0px center repeat-x;

	cursor:pointer;

}

.banner .prev:hover{

	background: url(../images/pn1.png) 0px center repeat-x;

}*/

/*.banner .next{

	position: absolute;

	width: 37px;

	height: 100%;

	top: 0px;

	right: 0px;

	background: url(../images/pn1.png) 37px center repeat-x;

	cursor:pointer;

}

.banner .next:hover{

	background: url(../images/pn.png) 37px center repeat-x;

}*/

.banner .pic {

	position: relative;

	width: 100%;

	height: 100%;

}

.banner .pic li{

	position: absolute;

	width: 100%;

	height: 100%;

	overflow: hidden;

	left: 0;top:0;

	z-index: 1;

	background-repeat: no-repeat;

	/*opacity: 0;

	filter: alpha(opacity=0);*/

}

#Banner .btn {

	position: absolute;

	width: 100%;

	height: 135px;

	bottom: 0;

	left: 0;

	z-index: 5;

}

#Banner .btn li{

	width: 14px;

	height: 14px;

	margin-top: 70px;

	line-height: 9px;

	color: #fff;

	display: inline-block;

	background:#000;

	overflow: hidden;

	margin-right: 7px;

	overflow: hidden;

	border-radius: 50%;

}

#Banner .btn li{

	*display: inline;

}

#Banner .btn li.selected{

	background: #ff0000;

}

.page_banner{ position:relative;width: 100%;height: 375px; margin:0 auto;}

.page_banner img{width: 100%; height: 375px;}

.page_banner.wrap{width: 1200px;height: 375px;margin: 0 auto;}

.main_bg .rg{float:right;font-size: 14px; line-height:69px;color: #333333; }

.main_bg{ width: 100%; height:69px; margin:0 auto;border-bottom: 1px solid #ccc;}

.main_bg ul{list-style-type: none; }

.main_bg li{float: left; margin: 0 20px;}

.main_bg ul li a{font-size: 16px; color: #333333;line-height: 68px;}

.main_bg li:hover{border-bottom: 2px solid #FF0000; font-weight: bold;}

.main_pg{width: 100%; height:600px; margin:0 auto;padding: 20px 0px;}

.page_right{ width: 1200px; height: 600px;margin: 0 auto;}



.page-l{width: 600px;height: 600px;margin: 0 ;}



.page-r{float:right;width: 600px;height: 600px;margin: 0 ;background:url(../images/06.jpg);}

.news{

	width: 100%;

	height:536px;

	background: #ccc;

	margin: 0 auto;

	padding: 50px 0px;

}

.news .ipard{

	padding: 0px;

}

.ipard-a{

	margin-top: 44px;	

}

.new-f{

	width: 528px;

	height: 396px;

	background: url(../images/new.jpg);

}

.kk-left{

	width: 83px;

	height: 80px;

	background: #FF0000;

	margin-top: 316px;

}

.kk-left .day{

	font-size: 40px;

    color: #fff;

    margin-left: 18px;

 

}

.kk-left .year{

	font-size: 14px;

	color: #FFF;

	margin-left: 15px;

}

.kk-right{

	width: 445px;

	height: 80px;

	background: rgba(0 0 0 0.5);

	background: #000;

	opacity:0.5;

	margin-top: 316px;	

}

.kk-right .xw{

	margin-left: 20px;

	font-size: 16px;

	color: #FFFFFF;

	line-height: 80px;

}

.kk-right a:hover{color: #ff0000;

	font-weight:bold;}



.new-r{

	width: 660px;

	height: 396px;

	margin: 0 auto;

	padding-left: 0;

    list-style-type: none;

    display: block;

}

.one{

	width: 100%;

	height: 123px;

	margin-bottom: 14px;

	background: #dcdcdc;

}



.one li{

	width: 600px;

	height: 63px;

	padding: 30px;

}

.one-a .time{

	padding: 30px 20px 30px 30px;

	text-align: right;

    font-family: "Arial";

    color: #a0a0a0;

}

.time .date{

	font-size: 40px;

    line-height: 1;

}

.time .year{

	font-size: 18px;

}

.one-a .cons{

	width: 76%;

	margin-top: 30px;

	

	

	

}

.cons .xw{

	margin: 0;

	font-size: 18px;

    color: #000;

    margin-bottom: 1%;

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    

}

.cons .xw-x{

	font-size: 12px;

    color: #757575;

    word-wrap:break-word; 

}

.one-a {display: table; width:100%; height: 100%;}

.one .time:hover{

	color: #FF0000;

}

.one .xw:hover{

	color: #000;

	font-weight:bold;

}



.foot{

	width: 100%;

	height: 380px;

	margin: 0;

	padding: 0;

}

.foot-top{

	padding-top: 72px;

	height: 233px;

	background: #000000;

}

.foot-bottom{

	height: 75px;

	background: #FF0000;

}

.wrap .foot-top-a{

	width: 300px;

	height: 233px;

	color: #fff;

}

.foot-top-a .heading{

	font-size: 17px;

	margin: 0 auto;

	margin-bottom: 20px;

	}

.foot-top-a .linking{

	font-size: 17px;

	margin: 0 auto;

	margin-top:20px;

	margin-bottom: 10px;

}	

.foot-top-a p{

	font-size: 12px;

	margin: 0 auto;

	line-height: 24px;

	letter-spacing:1px 

}

.wrap .foot-top-b{

	height: 233px;

	padding-left: 97px;

    padding-right: 67px;

    color: #fff;

    margin: 0 auto;

    line-height: 24px;

}

.foot-top-b .dl1,.dl2{

	margin-right: 100px;	

	font-size: 12px;

}

.foot-top-b .dt{

	display: block;

	font-size: 17px;

    line-height: 21px;

    padding-bottom: 17px;		

}

.foot-top-b .dd{

	display: block;

    text-align:center;

}

.dl3{

	font-size: 12px;

}

.foot-top-b dd a:hover{color: #FF0000;}

.wrap .foot-top-c{

	width: 228px;

	height: 180px;	

	margin: 0;

}

.foot-top-c .icon img{

	margin-top: 10px;

	padding-right: 15px;

}

.foot-bottom p{

	margin: 0;

	font-size: 14px;

	color: #fff;

	text-align: center;

	line-height: 75px;

}

.photo-mask {

		position: fixed;

		z-index: 10;

		bottom: 0;

		top: 0;

		left: 0;

		right: 0;

		background: rgba(0, 0, 0, 0.8);

		filter: alpha(opacity=20);

		-moz-opacity: 0.8;

		opacity: 0.8;

		display: none;

	}

	

	

	.photo-panel {

		position: absolute;

		display: none;

		clear: both;

		top: 600px;

		left: 0;

		bottom: 0;

		right: 0;

		z-index: 990;

	}

	

	.photo-panel .photo-div,

	.photo-panel .photo-bar {

		width: 100%;

	}

	

	.photo-panel .photo-div {

		width: 960px;

		height: 560px;

		z-index: 1111;

		margin: auto;

		position: relative;

	}

	

	.photo-panel .photo-close {

		background: url(../images/close.png);

		width: 56px;

		height: 56px;

		position: absolute;

		margin-left: 664px;

	}

	

	.photo-panel .photo-close:hover {

		background: url(../images/close_ch.png);

		width: 56px;

		height: 56px;

		position: absolute;

		margin-left: 664px;

	}

	

	.photo-panel .photo-bar-tip {

		width: 700px;

		height: 44px;

		position: absolute;

		margin-top: -64px;

		padding: 10px;

	}

	

	.photo-panel .photo-bar-tip:hover {

		width: 700px;

		height: 44px;

		position: absolute;

		margin-top: -64px;

		background: #000;

		filter: alpha(opacity=20);

		-moz-opacity: 0.8;

		opacity: 0.8;

		color: #fff;

		padding: 10px;

	}

	

	.photo-panel .photo-img {

		width: 720px;

		float: left;

		height: 560px;

		background: #fff;

	}

	

	.photo-panel .photo-view-w {

		width: 720px;

		height: 560px;

		text-align: center;

		vertical-align: middle;

		display: table-cell;

	}

	

	.photo-panel .photo-view-h {

		width: 720px;

		height: 560px;

		text-align: center;

		vertical-align: middle;

	}

	

	.photo-panel .photo-view-w img {

		max-width: 700px;

		height: auto;

		vertical-align: middle;

		text-align: center;

		max-height: 540px;

		margin: 10px;

		-moz-box-shadow: 5px 5px 5px #a6a6a6;

		/* 老的 Firefox */

		box-shadow: 5px 5px 5px #a6a6a6;

		-webkit-animation: swing 1s .2s ease both;

		-moz-animation: swing 1s .2s ease both;

	}

	

	.photo-panel .photo-view-h img {

		width: 350px;

		height: 540px;

		margin: 10px;

		-moz-box-shadow: 5px 5px 5px #a6a6a6;

		/* 老的 Firefox */

		box-shadow: 5px 5px 5px #a6a6a6;

		-webkit-animation: swing 1s .2s ease both;

		-moz-animation: swing 1s .2s ease both;

	}

	

	@-webkit-keyframes swing {

		20%,

		40%,

		60%,

		80%,

		100% {

			-webkit-transform-origin: top center

		}

		20% {

			-webkit-transform: rotate(15deg)

		}

		40% {

			-webkit-transform: rotate(-10deg)

		}

		60% {

			-webkit-transform: rotate(5deg)

		}

		80% {

			-webkit-transform: rotate(-5deg)

		}

		100% {

			-webkit-transform: rotate(0deg)

		}

	}

	

	@-moz-keyframes swing {

		20%,

		40%,

		60%,

		80%,

		100% {

			-moz-transform-origin: top center

		}

		20% {

			-moz-transform: rotate(15deg)

		}

		40% {

			-moz-transform: rotate(-10deg)

		}

		60% {

			-moz-transform: rotate(5deg)

		}

		80% {

			-moz-transform: rotate(-5deg)

		}

		100% {

			-moz-transform: rotate(0deg)

		}

	}

	

	.photo-panel .photo-left,

	.photo-panel .photo-right {

		width: 120px;

		float: left;

		margin-top: 220px;

	}

	

	.photo-panel .arrow-prv {

		background: url(../images/l.png);

		width: 120px;

		height: 120px;

	}

	

	.photo-panel .arrow-prv:hover {

		background: url(../images/l_ch.png);

		width: 120px;

		height: 120px;

		cursor: pointer;

	}

	

	.photo-panel .arrow-next {

		background: url(../images/r.png);

		width: 120px;

		height: 120px;

	}

	

	.photo-panel .arrow-next:hover {

		background: url(../images/r_ch.png);

		width: 120px;

		height: 120px;

		cursor: pointer;

	}

	

	



.demo{width: 100%;height:1200px; padding:20px 0;}

.demo ul{list-style-type: none; margin-left: 100px;}

.demo li{ float: left; width: 205px; height: 300px; margin: 0px 60px 30px 0px;}

.demo img{ width: 205px; height:265px ;}

.demo li span{ width:205px;height: 35px; font-size:14px; color:#333333; line-height:35px; margin-left:90px;text-align: center;}



.mail-pg{width: 100%; height: 1200px; }

.newslist_cont {

    width: 1200px;

    margin:0 auto;

}

.newslist_cont ul {

    width: 1200px;

    margin: 0 auto;

}

.newslist_cont li {

    width: 100%;

    padding-left: 20px;

    padding-top: 20px;

    margin-bottom: 30px;

    overflow: hidden;

    list-style: none;

    display: list-item;

    text-align: -webkit-match-parent;

}

.newslist_cont a{

    color: #666666;

    text-decoration: none;

    outline: none;

}

.news_date {

    width: 100px;

    height: 100px;

    font-size: 40px;

    color: #666;

    text-align: center;

    line-height: 50px;

    float: left;

    background: #EEE;

    transition: all 0.3s ease;

}

.news_date span {

    font-size: 20px;

}

.news_title {

    width: 800px;

    float: left;

    margin-left: 15px;

    font-size: 20px;

    height: 30px;

    line-height: 30px;

}

.news_cont {

    width:1200px;

    margin-left: 15px;

    float: left;

    color: #aeaeae;

    line-height: 30px;

    font-size: 14px;

    height: 60px;

    overflow: hidden;

}

.newslist_cont li:hover .news_date {

    background: #ff0000;

    color: #fff;

    transition: all 0.3s ease;

}

.newslist_cont li:hover .news_title{

	font-size: 22px;

	color: #000000;

	font-weight: bold;

}

.new_list{width: 100%;height:400px;}

.new_lists{width:1200px; height:400px;margin: 0 auto;}

.new_lists .text{ width: 350px;}



.m-form .formitm{font-size: 16px ;color:#333333;}

.m-pg-bd{width:1200px;0;}

.

.u-ipt{width: 300px; height: 30px; line-height: 30px;}

.pdg{ width: 440px; height: 220px;padding: 40px 80px;}





.liyu{width: 100%;height:700px; margin: 0 auto;}

.liyu ul{list-style-type: none;}

.liyu li{float: left; width:370px; height:308px;margin: 20px 30px 20px 0px; }

.liyu li span{ width:370px; height:30px; font-size:14px; color: #333333; line-height:30px;margin-left:150px;text-align:center;}  

.liyu span a:hover{ color:#ff0000;}

.titles{width: 400px;height: 400px; margin: 100px; font-size: 14px; line-height: 30px;}

.last a:hover{color: #ff0000;}

.next a:hover{color: #ff0000;}



.faceurl{width: 100%;  display: table; margin: 20px 0px;}

.faceurl ul{ list-style: none; width: 1200px; height:auto;margin: 0 auto;padding-left: 50px; }

.faceurl ul li{width:351px; height:264px;float:left; margin:20px 20px 40px 20px; }

.faceurl ul li img{width: 100%; height: 234px;}

.faceurl ul li span{width:351px;height: 30px; margin-left: 135px;} 

.tle a{width: 100%; height: 30px;font-size:14px; color: #333333;}

.faceurl li:hover{ font-size:16px; color:#ff0000; border-radius:5px; box-shadow:1px 1px 5px #666;}



 .left{

   	width: 351px;

	height: 234px;

	margin: 30px auto;

	border: 1PX solid #DCDCDC;

}

.right {

    display: block; 

    width: 800px;

    text-align: left;

   }

.con .right h4 {

    color: #333;

    line-height: 28px;

    padding: 0 8px 10px;

    border-bottom: 1px dashed #ccc;

    font-size: 20px;

    font-family: tahoma,arial,微软雅黑,sans-serif;

    text-align: center;} 

.m-pg-ln{ width: 1200px; height: 20px; margin:auto; padding: 30px 0;} 

.pro_describe{width:1200px;height: auto; margin: 0 auto;}

.pro_describe img{width: 100%;}

.title_left strong{text-align: left;}