@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";}
*{ margin:0 auto; padding:0;}
ul,ol,li,dl,dd,dt{list-style:none;}
a {
text-decoration:none;
color:#333;
}

.header{
	width:100%;	
}
.head{
	width:1200px;
	overflow:hidden;	
}
.head a{
	float:left;	
}
.head .heap{
	width:1px;
	height:60px;
	background-color:#333;	
	float:left;
	margin-top:20px;
}
.head .heap1{
	margin-top:37px;
	font-size:20px;
	float:left;
	margin-left:20px;
}
.head .headiv{
	float:right;
	overflow:hidden;	
	background:url(../img/dianhua.png) no-repeat 0 50%;
	width:350px;
	margin-top:29px;
}
.head .headiv .headiv2{
	width:300px;
	float:right;	
}
.head .headiv .headiv2 .heap3{
	color:#f00;
	font-size:18px; margin-top:10px;
}

.dao{
	width:100%;	
	background-color:#0788f1;
}

.dao .hanul{
	width:1200px;
	overflow:hidden;
	height:50px;
		
}
.dao .hanul li{
	float:left;	
	line-height:50px;
	text-align:center;
	width:200px;
	color:#fff;
}
.dao .hanul li a{
	
	color:#fff;
}
.dao .hanul li:hover a{ display:block;
	color:#0788f1;
	background-color:#fff;
}
/*..以上是导航..*/

.chanp{
	width:100%;	
	padding-top:90px;
}
.chan{
	width:1200px;
	overflow:hidden;	
}
		

.chap3{
	width:440px;	
	margin-top:20px;
}
/*..以上是 产品展示..*/

.guanyu{
	width:100%;
	position:relative;
	height:500px;
	background:rgb(184,206,209);
	margin-top:70px;
}
.guan{
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	background:url(../img/be.jpg) no-repeat 50% 50%;
	height:500px;
}
.guan .yudiv{
	width:1200px;
	overflow:hidden;	
}
.guan .guadiv1{
	width:720px;
	float:left;
	overflow:hidden;	
}
.guan .guadiv1 h1{
	color:#fff;
	font-size:48px;	
	font-style:italic;
	margin-top:80px;
	float:left;	
}
.guan .guadiv1 h2{
	color:#fff;	
	float:left;	
	clear:both;
}

.guan .guadiv2{
	width:720px;
	margin-top:100px;
	overflow:hidden;
	float:left;	
	clear:both;
}
.guan .guadiv2 p{
	color:#fff;
	font-size:16px;
	line-height:2em;
	text-indent:2em;	
}

.guan  .guadiv3{
	float:right;	
	width:300px;
	margin-top:136px;
}
.guan  .guadiv3 p{
	color:#fff;	
	margin-top:14px;
	
}
.guan  .guadiv3 .p1{
	font-size:20px;
}
.guan  .guadiv3 .p2{
	font-size:38px;	
}
.guan  .guadiv3 .p3{
	width:208px;	
	height:58px;
	line-height:58px;
	text-align:center;
	color:#0788f1;
	background-color:#fff;
	font-size:20px;
	border-radius:4px;
}
/*..以上是 联系我们..*/

.lianxi{
	width:100%;
	margin-top:90px;		
}
.lian{
	width:1200px;
	overflow:hidden;	
}
.lian .liandiv{
	width:600px;
	float:right;
}
.lian .liandiv h1{
	color:#1a1a1a;
	font-size:28px;
	font-weight:100;	
}
.lian .liandiv h2{
	color:#1a1a1a;
	font-size:20px;	
}
.lian .liandiv h3{
	width:60px;
	height:2px;
	background-color:#0788f1;
	float:left;
	margin-top:10px;	
}
.lian .liandiv .liadiv1{
	width:600px;
	float:right;
	margin-top:30px;	
}
.lian .liandiv .liadiv1 p{
	font-size:14px;
	color:#666;
	text-indent:2em;
	line-height:2em;	
}
.lian .liandiv .lianp1{
	width:128px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:16px;
	border:1px solid #999;	
	float:left;
	color:#333;
	
	margin-top:20px;
}
.lian .liandiv .lianp1:hover{
	background-color:#0788f1;
	color:#fff;
	border:1px solid #0788f1;
}
/*..以上是 关于我们..*/

.xinwen{
	width:100%;
	margin-top:90px;	
}
.xin{
	width:1200px;
	overflow:hidden;	
}
.chap4{
	width:281px;	
}
.xin .xinzuo{
	width:580px;
	float:left;	
	margin-top:40px;
}
.xin .xinp1{
	font-size:20px;
	padding-bottom:10px;
	width:580px;
	float:left;
	border-bottom:1px solid #0788f1;	
}
.xin .xinzuo .xindiv1{
	width:580px;
	float:left;
	margin-top:20px;
}
.xin .xinzuo .xindiv1 img{
	width:200px;	
	float:left;
}
.xin .xinzuo .xindiv1 h1{
	font-weight:100;
	font-size:16px;
	margin-left:20px;
	float:left;	
	
}
.xin .xinzuo .xindiv1 p{
	width:360px;
	font-size:14px;
	float:left;
	margin-left:20px;
	text-align:justify;
	margin-top:14px;
}
.xin .xinzuo .xindiv1 h2{
	width:100px;
	text-align:center;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:100;
	color:#fff;
	background-color:#0788f1;
	float:right;
	border-radius:20px;
	margin-top:10px;
}
.xin .xinzuo .xindiv1 h2:hover{
	background-color:#2a333c;	
}
.xin .xinzuo .xiul{
	margin-top:20px;
	float:left;	
}
.xin .xinzuo .xiul li{
	width:580px;
	font-size:14px;
	height:40px;
	line-height:40px;	
}
.xin .xinzuo .xiul li span{
	float:right;	
}
.xin .xinzuo .xiul li:hover{
	color:#0788f1;
	margin-left:20px;
	width:560px	
}
.xin .xinzuo .xinp1 a{
	float:right;
	font-size:16px;	
}
.xin .xinzuo .xinp1 a:hover{
	color:#0788f1;	
}


.xin .xinyou{
	width:580px;
	float:right;	
	margin-top:40px;
}
.xin .xinyou .xindiv1{
	width:580px;
	float:left;
	margin-top:20px;
}
.xin .xinyou .xindiv1 img{
	width:200px;	
	float:left;
}
.xin .xinyou .xindiv1 h1{
	font-weight:100;
	font-size:16px;
	margin-left:20px;
	float:left;	
	
}
.xin .xinyou .xindiv1 p{
	width:360px;
	font-size:14px;
	float:left;
	margin-left:20px;
	text-align:justify;
	margin-top:14px;
}
.xin .xinyou .xindiv1 h2{
	width:100px;
	text-align:center;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:100;
	color:#fff;
	background-color:#0788f1;
	float:right;
	border-radius:20px;
	margin-top:10px;
}
.xin .xinyou .xindiv1 h2:hover{
	background-color:#2a333c;	
}

.xin .xinyou .xiul{
	margin-top:20px;
	float:left;	
}
.xin .xinyou .xiul li{
	width:580px;
	font-size:14px;
	height:40px;
	line-height:40px;	
}
.xin .xinyou .xiul li span{
	float:right;	
}
.xin .xinyou .xiul li:hover{
	color:#0788f1;
	margin-left:20px;
	width:560px	
}
.xin .xinyou .xinp1 a{
	float:right;
	font-size:16px;	
}
.xin .xinyou .xinp1 a:hover{
	color:#0788f1;	
}

/*..以上是新闻..*/

.laster{
	width:100%;
	margin-top:90px;
	background-color:#333;	
}
.laste{
	width:100%;
	height:3px;
	background-color:#0788f1;	
}
.laster .last{
	width:1200px;
	overflow:hidden;	
}

.laster .last .laul{
	float:left;
	width:200px;
	margin-top:40px;	
}
.laster .last .laul li{
	margin-top:12px;
}	
.laster .last .laul li a{
	color:#999;	
}
.laster .last .laul li a:hover{
	color:#fff;	
}

.last .ladiv{
	width:200px;
	overflow:hidden;
	float:left;
	margin-left:70px;
	margin-top:40px;	
}
.last .ladiv h6{
	font-size:16px;
	color:#fff;
	font-weight:100;
	background:url(../img/ann.png) no-repeat 0 8px;
	padding-left:16px;	
	width:200px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
}

.last .ladiv .lau{
	margin-top:10px;
}
.last .ladiv .lau li{
	margin-top:10px;
	
}
.last .ladiv .lau li a{
	color:#666;	
	
}
.last .ladiv .lau li a:hover{
	color:#fff;	
}



.last .ladiv2{
	width:300px;
	overflow:hidden;
	float:right;
	margin-left:70px;
	margin-top:40px;	
}
.last .ladiv2 h6{
	font-size:16px;
	color:#fff;
	font-weight:100;
	background:url(../img/ann.png) no-repeat 0 8px;
	padding-left:16px;	
	width:300px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
}
.last .ladiv2 .lau1{
	margin-top:10px;

}
.last .ladiv2 .lau1 li{
	color:#999;	
	margin-top:10px;	
}


.laut{
	width:1200px;	
	margin-top:20px;
	overflow:hidden;
}
.laut p{
	color:#999;	
	margin-top:10px; margin-bottom:10px;
	
	float:left;
	clear:both;
}
.laut p a{
	color:#999;	
	margin-right:12px;
}
.laut p a:hover{
	color:#fff;
		
}
/*..以上是 最后..*/

.bodyer{
	width:100%;
	margin-top:90px;	
}
.body{
	width:1200px;
	overflow:hidden;	
}
.body .bodiv2{
	width:250px;
	float:left;
	overflow:hidden;	
}
.body .bodiv .bodp{
	width:200px;
	height:50px;
	background:url(../img/lieb.png) no-repeat 20px 50%;	
	line-height:50px;
	background-color:#0788f1;
	padding-left:50px;
	float:left;
	color:#fff;
}
.body .bodiv .bodul{
	width:250px;
	float:left;
	overflow:hidden;
}
.body .bodiv .bodul li{
	float:left;
	height:40px;
	line-height:40px;
	width:200px;
	background:url(../img/huidian.jpg) no-repeat 25px 50%;
	padding-left:50px;
	margin-top:10px;
}
.body .bodiv .bodul li:hover{
	background:url(../img/ann.png) no-repeat 25px 50%;	
}
.body .bodiv .bodul li:hover{
	color:#0788f1;	
}

.body .bodiv .bodiv3{
	width:200px;
	height:50px;
	background:url(../img/lieb.png) no-repeat 20px 50%;	
	line-height:50px;
	background-color:#0788f1;
	padding-left:50px;
	float:left;
	color:#fff;
}
.body .bodiv3{
	width:250px;
	float:left;
	overflow:hidden;	
}
.body .bodiv3 .bodp2{
	width:200px;
	height:50px;
	background:url(../img/lieb.png) no-repeat 20px 50%;	
	line-height:50px;
	background-color:#0788f1;
	padding-left:50px;
	float:left;
	color:#fff;	
}
.body .bodiv3 .bodul2{
	width:250px;
	float:left;
	overflow:hidden;
	
}
.body .bodiv3 .bodul2 li{
	float:left;
	height:40px;
	line-height:40px;
	width:200px;
	background:url(../img/huidian.jpg) no-repeat 25px 50%;
	padding-left:50px;
	margin-top:10px;
	
}
.body .bodiv3 .bodul2 li:hover{
	background:url(../img/ann.png) no-repeat 25px 50%;	
}


.body .bodiv .bodiv4{
	width:200px;
	height:50px;
	background:url(../img/lieb.png) no-repeat 20px 50%;	
	line-height:50px;
	background-color:#0788f1;
	padding-left:50px;
	float:left;
	color:#fff;
}
.body .bodiv4 .bodp3{
	width:200px;
	height:50px;
	background:url(../img/lieb.png) no-repeat 20px 50%;	
	line-height:50px;
	background-color:#0788f1;
	padding-left:50px;
	float:left;
	color:#fff;	
}
.body .bodiv4 p{
	width:250px;
	float:left;
	height:40opx;
	line-height:40px;
		
}
.body .bodiv5{
	width:920px;
	float:right;
	overflow:hidden;
	
}
.body .bodiv5 .content p{ margin-top:10px; line-height:200%; font-size:13px; color:#333;}
.body .bodiv5 .bodp4{
	padding-bottom:16px;
	border-bottom:1px solid #666;
}
.body .bodiv5 .bodp4 a:hover{
	color:#0788f1;	
	
}



.body .bodiv5 .bodul3{
	width:920px;
	float:right;
	
}
.body .bodiv5 .bodul3 li{
	float:left;	
	margin-right:20px;
	border:1px solid #999;
	margin-top:20px;
}
.body .bodiv5 .bodul3 li img{
	width:	284px;
	
}
.body .bodiv5 .bodul3 p{
	width:284px;
	text-align:center;
	height:40px;
	line-height:40px;
	background-color:#0788f1;	
	color:#fff;
}

.body .bodiv5 .bodiv6{
	width:920px;
	float:right;
}
.body .bodiv5 .bodiv6 h1{
	font-size:24px;
	margin-top:20px;
	text-align:center;	
}
.body .bodiv5 .bodiv6 h2{
	font-weight:100;
	font-size:12px;
	text-align:center;
	color:#666;
	margin-top:8px;	
}
.body .bodiv5 .bodiv6 h3{
	width:400px;
	border:1px solid #999;
	margin-top:40px;
}
.body .bodiv5 .bodiv6 h3 img {
	width:400px;	
}
.body .bodiv5 .bodiv6 h4{
	color:#0788f1;
	font-size:20px;
	margin-top:20px;
	padding-bottom:14px;
	border-bottom:1px solid #0788f1;	
	margin-top:30px;
	float:left;
	width:920px;
}
.body .bodiv5 .bodiv6 ul{
	width:920px;
	overflow:hidden;
	margin-top:12px;
	float:left;
}
.body .bodiv5 .bodiv6 ul li{
	float:left;
	width:170px;
	border:1px solid #ccc;
	margin-right:12px;
}
.body .bodiv5 .bodiv6 ul li img{
	width:	170px;
	
}
.body .bodiv5 .bodiv6 ul li p{
	width:170px;
	height:40px;
	line-height:40px;
	text-align:center;	
}

.body .bodiv5 .bodiv6 ul li:hover{
	background-color:#0788f1;
	border:1px solid #0788f1;
}
.body .bodiv5 .bodiv6 ul li:hover p{
	color:#fff;	
}

.body .bodiv5 .bodp5{
	width:890px;
	height:40px;
	color:#fff;
	background-color:#0788f1;
	margin-top:20px;
	line-height:40px;
	padding-left:30px;
}



.body .bodiv5 .bodul4{
	width:920px;
	overflow:hidden;
	
}
.body .bodiv5 .bodul4 li{
	overflow:hidden;
	float:left;
	width:920px;
}
.body .bodiv5 .bodul4 li .bodiv7{
	width:60px;
	height:150px;
	float:left;
	overflow:hidden;
	background:url(../img/shu.png) no-repeat 50% 50%;
}
.body .bodiv5 .bodul4 li .bodp6{
	width:16px;
	height: 16px;
	background-color: #efefef;
	border: 4px #f00 solid;
	border-radius: 16px;
	margin-top:20px;
}
.body .bodiv5 .bodul4 li:hover .bodp6{
	width:18px;
	height: 18px;
	border: 6px #f00 solid;
}

.body .bodiv5 .bodul4 li .bodri{
	float:right;
	width:830px;
	
}
.body .bodiv5 .bodul4 li .bodri h1{
	font-size:18px;	
	margin-top:20px;
	float:left;
}
.body .bodiv5 .bodul4 li .bodri h1 a{
	color:#333;	
}
.body .bodiv5 .bodul4 li .bodri h1 a:hover{
	color:#F00;	
}
.body .bodiv5 .bodul4 li .bodri h2{
	font-weight:100;
	font-size:12px;	
	color:#666;
	margin-top:6px;
	float:right;
	margin-right:20px;
	margin-top:20px;
}
.body .bodiv5 .bodul4 li .bodri p{
	font-size:14px;
	line-height:1.5em;
	text-align:justify;
	margin-top:	14px;
	float:left;
	width:830px;
}
.body .bodiv5 .bodul4 .bodp7{
	height:1px;
	width:895px;
	float:right;
	background-color:#ccc;
}
.body .bodiv5 .bodiv8{
	width:920px;
	float:right;	
}
body .bodiv5 .bodiv8 h1{
	font-size:20px;
	text-align:center;
	margin-top:20px;	
}
body .bodiv5 .bodiv8 h2{
	font-size:14px;
	color:#999;	
	text-align:center;
	margin-top:10px;
	font-weight:100;
}
body .bodiv5 .bodiv8 .bodiv9{
	overflow:hidden;
	margin-top:40px;	
}
body .bodiv5 .bodiv8 .bodiv9 p{
	width:920px;
	line-height:2em;
	text-indent:2em;
	text-align:justify;	
	margin-bottom:14px;
	font-size:14px;
}
body .bodiv5 .bodp8{
	color: #0788f1;
    font-size: 20px;
    margin-top: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #0788f1;
	font-weight:600;
	float:left;
	width:920px;
}
body .bodiv5 .bodiv10{
	width:920px;
	margin-top:20px;	
	float:left;
}
body .bodiv5 .bodiv10 li{
	float:left;
	width:440px;	
	margin-bottom:14px;
	margin-right:20px;
}
body .bodiv5 .bodiv10 li a:hover{
	color:#0788f1;
}

.wu{
	overflow:hidden;
	float:left;
	margin-top:20px;	
}
.shxi{
	float:left;
	overflow:hidden;
	width:920px;
	margin-top:20px;	
}

.shxi .sha{
	width:50%;
	float:left;		
}
.shxi .sha a:hover{
	color:#0788f1;	
}
.shxi .xia{
	width:50%;
	float:right;
	text-align:right;
}
.shxi .xia a:hover{
	color:#0788f1;
}


.la{
	width:890px;
	overflow:hidden;
	float:right;	
}


.ss{
	width: 100%;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC; font-size:14px; color:#666;}
.syss{ width:1200px; height:50px; line-height:50px;overflow:hidden;}
.syss a{ color:#666;}
.key{ float:left;}
.s_inp{ float:right;}


/*BANNER样式开始*/

.banner {
	

	
	width:100%;
	height:550px;
	position:0;
	
	position:relative
}
.banner .d1 {
	width:100%;
	height:550px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
}
.banner .d2 {
	width:100%;
	height:20px;
	clear:both;
	position:absolute;
	z-index:100;
	right:100px;
	top:520px;
}
.banner .d2 ul {
	float:left;
	position:absolute;
	left:55%;
	top:0;
	display:inline;
}
.banner .d2 li {
	width:9px;
	height:9px;
	overflow:hidden;
	cursor:pointer;
	background:url(../img/ico.jpg) no-repeat center;
	float:left;
	margin:0 5px;
	display:inline;
}
.banner .d2 li.nuw {
	background:url(../img/ico1.jpg) no-repeat center;}
	
	
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}