@charset "utf-8";
/* CSS Document */
/* 设计制作：张工.QQ：314512911.TEL：15050830151 	WEBSITE：http://www.xzec.net */
.swiper-container {
      width: 100%;
      height: 770px;;
      margin-left: auto;
      margin-right: auto;
}

.index-about {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c9d9ea;
	font-size: 36px;
	line-height: 40px;
	color: #075ba8;
	text-align: center;
	padding-top:30px;
	padding-bottom:20px;
	margin-bottom:40px;
}
.index-about p{
	font-size: 18px;
	line-height: 30px;
	color: #60b12a;
	margin-top:10px;
}
.index-about-l { float:left; width:600px;}
.index-about-l img{ float:left; margin-right:20px; height:188px;}
.index-about-con { float:right; width:220px; margin-right:20px;}
.index-about-con h2{
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	font-weight: bold;
	margin-bottom:10px;
}
.index-about-con p{
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	text-indent: 26px;
}
.index-about-r {
	float:left;
	width:600px;
	overflow: hidden;
}
.index-about-r ul{
	width:660px;
}
.index-about-r ul li{
	float:left;
	width:168px;
	height:168px;
	margin-right:32px;
	border-radius:50%;
}
.index-about-r ul li{
   transition:width 1s, height 1s;
   -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
   -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
   -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.index-about-r ul li:nth-child(1n){
    background-image: url(../images/lantian.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	border: 2px solid #07969f;
	padding: 2px;
}
.index-about-r ul li:nth-child(2n){
    background-image: url(../images/lvdi.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	border: 2px solid #9f7907;
	padding: 2px;
}
.index-about-r ul li:nth-child(3n){
    background-image: url(../images/shuijing.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	border: 2px solid #074f9f;
	padding: 2px;
}
.index-about-r ul li:hover {
    width:168px;
	height:168px;
	transform:rotate(360deg);
    -moz-transform:rotate(360deg); /* Firefox 4 */
    -webkit-transform:rotate(360deg); /* Safari and Chrome */
    -o-transform:rotate(360deg); /* Opera */
}
.index-gn-bg {
    background-image: url(../images/gn-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:404px;
	margin-top:30px;
}
.index-gn {}
.index-gn li{
	float: left;
	width:600px;
}
.index-gn-l { 
    margin-top:160px;
    font-size: 32px;
	color: #42fa02;
	font-weight: bold;
	text-align: center;
}
.index-gn-l p{
	margin-top:30px;
	font-size: 18px;
	color: #FFFFFF;
	
}
.index-gn-r {
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	margin-top:80px;
}
.index-news-pro {}
.index-news-pro ul{ float:left; width:600px; margin:0px;}
.index-news-pro ul li {
	line-height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcece;
	width:570px;
}
.index-news-pro ul li:hover a {
	color: #0099FF;
}
.index-news-pro ul li a{
   color: #333333;
}

.index-news-pro ul li span{
	color: #666666;
	float:right;
	font-size: 12px;
}
.index-news-ico{
	color: #333333;
	font-size: 14px;
	margin-right:6px;
}

.index-news-pro-dh {
	height: 34px;
	width: 600px;
	margin-bottom:20px;
}
.index-news-pro-dh p {
	height: 34px;
	width: 90px;
	font-size: 16px;
	line-height: 34px;
	color: #FFFFFF;
	background-color: #074f9f;
	text-align: center;
	font-weight: normal;
	float:left;
}
.index-news-pro-dh span a {
	font-size: 14px;
	line-height: 34px;
	color: #07969f;
	float: right;
}
.index-news-pro-dh span a:hover {
	color: #00CCFF;
}
	/* index产品展示 */
	.scrollBox{ width:600px; padding:0px; position:relative; float:right; }
	.scrollBox .piclist{ overflow:hidden; zoom:1;}
	.scrollBox .ohbox{overflow:hidden; position:relative;width:498px;left:50px; }
	.scrollBox {position:relative;overflow:hidden;zoom:1;}
	.scrollBox .piclist li{float:left; display:inline; width:236px; margin-right:26px;}
	.scrollBox .piclist li img{ width:236px; height:158px;}
	.scrollBox .piclist li span{
	text-align: center;
	color: #000000; width:236px; }
	.scrollBox .pageBtn span{ background:url(../images/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:110px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	.scrollBox .pageBtn .prev{left:0px;background-position:-11px -84px ;}
	.scrollBox .pageBtn .next{right:0px;background-position:-53px -84px ;}
	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 256px; }
	.scrollBox .pageBtn .list li{ background:url(../images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
	.scrollBox .pageBtn .list li.on{background-position:-114px -57px }
.banner-ico-bg{
	width:100%;
	height:126px;
	background-image: url(../images/index-1.png);
	background-repeat: repeat;
	margin-top:-126px;
	z-index: 9999;
	display: block;
	position: relative;
}
.banner-ico { color:#c5c9cb; padding-top:26px;}
.banner-ico li { width:300px; float:left;}
.banner-ico li:hover { color:#FF9900}
.banner-ico li{ transition:All 0.5s ease-in-out;    -webkit-transition:All 0.5s ease-in-out;    -moz-transition:All 0.5s ease-in-out;    -o-transition:All 0.5s ease-in-out;}/*上下*/
.banner-ico li:hover {transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px); }
.banner-ico li i {  float:left; height:70px; font-size:66px; margin-top:28px; width:86px;}
.banner-ico li p {
	float:left;
	font-size:12px;
	line-height: 18px;
}
.banner-ico li p h3 {
	font-size:16px;
	font-weight: bold;
}
.h-qqc-tit {
	font-size: 14px;
	line-height: 10px;
	color: #9cabb0;
	text-align: center;
	margin-top:30px;
	height:60px;
}
.h-qqc-tit span{
	font-size: 32px;
	line-height: 60px;
	color: #000;
	margin-left:20px;
	margin-right:20px;
	top:6px;
	position: relative;
}
.h-qqc-tit p{
	font-size: 16px;
	line-height: 22px;
	color: #687C84;
	margin-top:4px;
}
.h-qqc{ margin-top:30px;}
.h-qqc li{
	float:left;
	margin-right:30px;
	color: #253339;
} 
.h-qqc li{ transition:All 0.5s ease-in-out;    -webkit-transition:All 0.5s ease-in-out;    -moz-transition:All 0.5s ease-in-out;    -o-transition:All 0.5s ease-in-out;}/*上下*/
.h-qqc li:hover {transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px); }
.h-qqc li p{
	width:296px;
	font-size: 16px;
	line-height: 50px;
	color: #133643;
	text-align: center;
}
.h-qqc li a:hover p {
	color:#FFFFFF;
	background-color: #074f9f;
} 
.h-qqc li i{ float:left; margin-right:10px; margin-left:20px;} 
.h-qqc li dl{
	color: #253339;
	line-height:28px;
} 
.h-qqc li dl:hover{
	color: #FF6600;
} 
.h-qqc li dl{ transition:All 0.5s ease-in-out;    -webkit-transition:All 0.5s ease-in-out;    -moz-transition:All 0.5s ease-in-out;    -o-transition:All 0.5s ease-in-out;}/*左右*/
.h-qqc li dl:hover {
	color: #EA5A49;-moz-transform:translateX(-10px);-webkit-transform:translateX(-10px);-o-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);
}
.h-qqc-moer {
	text-align: center;
	width:160px;
	height:40px;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	display: block;
	background-color: #074f9f;
	border-radius: 20px;
	margin-top:20px; 
}
.h-qqc-moer:hover {
	background-color: #FF6600;
	color: #FFFFFF;
}
.h-about { margin-top:60px;}
.h-about-l { float:left;}
.h-about-l img{ margin-bottom:10px;}
.h-about-l p{
	width:423px;
	background-image: url(../images/h-about.jpg);
	background-repeat: no-repeat;
	height: 145px;
	margin-bottom:10px;
	font-size: 18px;
	line-height: 46px;
	text-indent: 10px;
	color: #074f9f;
}
.h-about-l dl{
	line-height: 28px;
	color: #333333;
	width:423px;
}
.h-about-l dl a{
	color: #07969f;
}
.h-about-l dl a:hover{
	color: #00CCFF;
}
.h-about-r {
	float:right;
	width:744px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #6c828c;
}
.h-about-r li {
	float:left;
	width:370px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d7d7d7;
	text-indent: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d7d7d7;
}

.h-about-r li p {
	width:370px;
	height:34px;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d7;
	line-height:34px;
	overflow: hidden;
}
.h-about-r li p a{
	color: #000000;
	position: relative;
	float:left;
	position: relative;
	z-index: 999;
	left: 0px;
	width:370px;
	height:34px;
	line-height:34px;
}
.h-about-r li p i{
	width:0px;
	height:34px;
	background:#074f9f;
	transition:width 1s;
    -moz-transition:width 1s; /* Firefox 4 */
    -webkit-transition:width 1s; /* Safari and Chrome */
    -o-transition:width 1s;
	float:left;
	top: -34px;
	position: relative;
}
.h-about-r li p:hover i{
    width:370px;
}
.h-about-r li p:hover a{
	color:#FFFFFF;
}
.slideTxtBox{
	width:570px;
	text-align:left;
	float:left;
}
.slideTxtBox .hd{ height:40px; line-height:40px;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:40px;   }
.slideTxtBox .hd ul li{
	float:left;
	cursor:pointer;
	width:120px;
	text-align: center;
	font-size:16px;
	background-color: #dedede;
}
.slideTxtBox .hd ul li.on{
	height:40px;
	background-color: #074f9f;
	color: #FFFFFF;
	font-size:16px;
}
.slideTxtBox .bd ul{ zoom:1; margin-top:10px; }
.slideTxtBox .bd li{
	height:40px;
	line-height:40px;
	color: #3f4040;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcece;
}
.slideTxtBox .bd li a{
	color: #3f4040;
}
.slideTxtBox .bd li span{ float:right;}

.slideTxtBox .arrow{ position:absolute; right:0px; top:0; }
.slideTxtBox .arrow a{
	color: #07969f;
}
.slideTxtBox .arrow a:hover {
	color: #00CCFF;
}