﻿@charset "utf-8";
.header{width:100%; background-color:#f5f5f5;}
.hdtop{ height: 40px; line-height: 40px; background: #69b92d; border-bottom: 1px solid #43a73f;}
.hdtop .container{overflow: hidden;}
.hdtop .container *{ display: inline-block;}
.hdtop span{ float: left; color: #fff;}
.hdtop em{ float: right; overflow: hidden; margin-right: -14px; margin-top:12px; font-weight:700; font-size:16px; line-height:16px;}
.hdtop em a{ float: left; color: #303030; border-left: 1px dotted #d7d7d7; padding: 0px 14px;}
.hdtop em .nobd{ border: none;}
.hdmid{ height: 130px; background-color: #69b92d;}
.hdmid .container{ overflow: hidden;}
.hdmid .hdmid_l{ float: left; margin-top: 20px;}
.hdmid .hdmid_l h1{ float: left;     margin-right: 15px;}
.hdmid .hdmid_l h1 img{ display: block; margin-top: 6px;}
.hdmid .hdmid_l>div{ float:left; border-left: #d6dad6 1px solid; padding-left: 15px;    margin-top: 15px;}
.hdmid .hdmid_l h2{ font-size: 28px; color: #383838;}
.hdmid .hdmid_l p{ height: 28px; line-height: 28px; color: #1b1b1b; font-size: 18px;}
.hdmid .hdmid_in{ float: left; margin-left: 165px; margin-top: 40px;}
.hdmid .hdmid_in img{ display: block;}
.hdmid .hdmid_r{ float: right; margin-top: 44px;}
.hdmid .hdmid_r dt{ float: left;}
.hdmid .hdmid_r dt img{ display: block; margin-top: 6px;}
.hdmid .hdmid_r dd{ padding-left: 42px;}
.hdmid .hdmid_r dd span{ font-size: 14px; color: #292929;}
.hdmid .hdmid_r dd p{ font-family: "Arial"; color: #292929; font-size: 26px;}
.container1{width:1205px;margin:0 auto;position:relative;padding-top:20px;}
.index-title{height:auto;overflow:hidden}
.leftLoop1{position:relative;width:1200px;margin:0px auto;margin-top:0px;margin-top:41px}
.leftLoop1 .bd{position:relative;width:100%;text-align:center;}
.leftLoop1 .bd ul{margin:0px;padding:0;list-style:none}
.leftLoop1 .bd ul li{float:left;overflow:hidden;width:281px;text-align:center;margin-right:25px}
.leftLoop1 .bd ul li div{width:279px;height:147px;border:1px solid #d8d8d8;margin:0 auto}
.leftLoop1 .bd ul li img{width:279px;height:147px;}
.leftLoop1 .bd ul li p{font-size:13px;color:#666666;line-height:36px}
table{border-collapse:collapse}

/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}