@charset "utf-8";
/* CSS Document */

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 6px; height: 16px; background-color: #fff;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius:0px;
  background-color: #f2f2f2;
  }
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
  background-color: rgba(0, 175, 222, 1);
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 175, 222, 1);}
::-webkit-scrollbar-thumb:active {background-color: rgba(0, 175, 222, 1);}


html {height: 100%;}
body {
	font-family:"微软雅黑"; 
	font-size:14px; 
	color:#333; 
	line-height:24px; 
	background-color: #fff;
	overflow-x: hidden;
	
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,dt,form,p,i,span{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none; font-weight: normal; font-style: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}


a {color: #333;text-decoration: none;transition: all .2s ease-in-out;}
a:hover {color: #cc0001; text-decoration: none;}
a:active,a:focus {outline: 0;color: #cc0001; text-decoration: none;}
img {border:0; vertical-align: middle;}

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} 
.clearfix { zoom:1;}

.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fl{ float:left;}
.fr{ float: right;}

table{
    width: 100%;
    border-collapse: collapse;
	border: 1px solid #ccc;

}
table th,
table td{
    text-align: center;
	padding:8px;
	font-size: 14px;
	border: 1px solid #ccc;
}
table tbody tr.firstRow{background: #00afde;color: #FFF;font-size: 12px;}
table tbody tr:nth-of-type(2n+0){background: #eaeef1;}

/*图片放大*/
.pic-scale{ position: relative; overflow: hidden; }
.pic-scale img { -webkit-transition: .5s; -o-transition: .5s; transition: .5s;max-width: 100%; }
.pic-scale:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

/*BANNER*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {cursor: pointer;}
.swiper-slide img{max-width: 100%;}
.banner_pc{display: block;}
.banner_wap{display: none;}


.home-bt {padding: 40px 0; overflow: hidden; text-align: center; }
.home-bt span{display: block;margin-bottom: 30px;color: #00afde; font-size: 36px;font-weight: bold;}
.home-bt span b{color: #ca0018; }
.home-bt span:after{ 
	content: '';
	position: relative;
	width: 60px;
	height: 3px;
	background: #00afde;
	display: block;
	margin: 0 auto;
	bottom: -15px;
}
.home-bt small{display: block; font-size: 14px; text-transform: uppercase; color: #999;}

/*首页产品中心*/
.home-pro{overflow: hidden; margin: 1% 0;}
.home-pro{ overflow: hidden;}
.home-pro ul{}
.home-pro ul li{float: left; width: 48%;margin:1%;position: relative;}
.home-pro ul li img{max-width: 100%;}
.home-pro ul li .text{ position:absolute; top:0; left:0; width:100%; text-align:center;}
.home-pro ul li .text p:first-child{ font-size:36px; color:#fff; font-weight:bold; margin-top:60px;}
.home-pro ul li .text p:last-child{ font-size:18px; color:#fff; padding-top: 20px;}




/*首页关于我们*/
/*关于我们*/
.home-aboutbg{overflow: hidden; background:#eeeeee;}
.home-about-l{float: left; width: 40%; margin-right: 4%;}
.home-about-l img{max-width: 100%;}
.home-about-r{float: left; width: 41%;}
.home-about-r .tit{overflow: hidden; margin: 50px 0 40px 0;}
.home-about-r .tit em{font-size: 14px;color: #888;line-height: 40px;text-transform: uppercase;}
.home-about-r .tit span{display: block; font-size: 38px; color: #00afde;line-height: 50px;font-weight: bold;font-family: 'Microsoft YaHei';}
.home-about-r .tit small{display: block; font-size:24px; color: #333;line-height: 40px; }
.home-about-r .text{ color: #666;line-height: 28px;font-size: 16px; text-indent: 2em;text-align: justify;}
.home-about-r .more{float: right; width: 220px; height: 50px;line-height: 50px; text-align: center; border: 1px solid #00afde; margin-top: 30px;}
.home-about-r .more a{color: #00afde;font-size: 16px;}

@media (min-width:1700px) and (max-width:1800px) {
	
.home-about-r{float: left; width: 46%;}

}

@media (min-width:1600px) and (max-width:1700px) {
	
.home-about-r{float: left; width: 47%;}

}

@media (min-width:1500px) and (max-width:1600px) {
	
.home-about-r{float: left; width: 48%;}

}

@media (min-width:1400px) and (max-width:1500px) {
	
.home-about-r{float: left; width: 51%;}

}


/*首页新闻动态*/
.home-news-top{float: left; width: 30%;}
.home-news-top:hover{transition:all ease .3s; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.home-news-top .img{overflow: hidden;}
.home-news-top .img img{max-width: 100%;}
.home-news-top .text{ background: #f7f7f7; padding: 20px;}
.home-news-top .text .shijian{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; background: url(../images/more3.png) no-repeat right 30px;}
.home-news-top .text .shijian .time{ float: left; width: 60px; text-align: center;}
.home-news-top .text .shijian .time b{display: block;font-size: 50px; font-family: Impact;line-height: 50px;color: #999;}
.home-news-top .text .shijian .time span{display: block;font-size: 14px; font-family: Impact;color: #999;}
.home-news-top .text .nr{overflow: hidden;margin: 20px 0;}
.home-news-top .text .nr h3{font-size: 17px;color: #333; margin-bottom: 20px;}
.home-news-top .text .nr p{ color: #888; line-height: 25px;}

.home-news-top:hover .text .shijian .time b{color: #333;}
.home-news-top:hover .text .shijian .time span{color: #333;}

.home-news{float: left; width: 70%;}
.home-news ul{}
.home-news ul li{float: left; width: 45%; margin-left: 5%;background: #f7f7f7; padding: 20px; margin-bottom: 25px;}
.home-news ul li:hover{transition:all ease .3s; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.home-news ul li .shijian{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; background: url(../images/more3.png) no-repeat right 30px;}
.home-news ul li .shijian .time{ float: left; width: 60px; text-align: center;}
.home-news ul li .shijian .time b{display: block;font-size: 50px; font-family: Impact;line-height: 50px;color: #999;}
.home-news ul li .shijian .time span{display: block;font-size: 14px; font-family: Impact;color: #999;}
.home-news ul li .nr{overflow: hidden;margin: 20px 0;}
.home-news ul li .nr h3{font-size: 17px;color: #333; margin-bottom: 20px;}
.home-news ul li .nr p{ color: #888; line-height: 24px;}

.home-news ul li:hover .shijian .time b{color: #333;}
.home-news ul li:hover .shijian .time span{color: #333;}



/*合作伙伴*/
.home-hezuobg{overflow: hidden;background: #eeeeee;}
.home-hezuo{overflow: hidden; margin-bottom: 4%;}
.home-hezuo ul{ margin-left: -1%;margin-right: -1%;}
.home-hezuo ul li{ float:left; width: 18%; margin: 0 1%;  margin-bottom: 2%;}
.home-hezuo ul li .img{overflow: hidden; background: #FFF; border: 1px solid #e8e8e8;position: relative;}
.home-hezuo ul li .img img{max-width: 100%; transition: all ease 0.3s;}
.home-hezuo ul li .img img:hover{transform: scale(1.04);}

.home-hangyebg{overflow: hidden;background: #eeeeee; margin-top: 30px;}
.home-hangye{overflow: hidden; margin-bottom: 4%;}
.home-hangye ul{ margin-left: -1%;margin-right: -1%;}
.home-hangye ul li{ float:left; width: 23%; margin: 0 1%;  margin-bottom: 2%; text-align: center;}
.home-hangye ul li .img{overflow: hidden;position: relative;}
.home-hangye ul li .img img{width: 150px; transition: all ease 0.3s;}
.home-hangye ul li .img img:hover{transform: scale(1.04);}
.home-hangye ul li .text{ text-align: center; margin-bottom: 30px;}
.home-hangye ul li .text h3{font-size: 22px;color: #333; margin: 20px 0;font-weight: bold;}
.home-hangye ul li .text p{ color: #888; line-height: 24px;}
.home-hangye ul li .more{width: 180px; height: 50px;line-height: 50px; text-align: center; border: 1px solid #00afde; border-radius: 50px; margin: 0 auto;}
.home-hangye ul li .more a{color: #00afde;font-size: 16px;}



@media (min-width:1024px) and (max-width:1366px) {

.home-bt span{font-size: 32px;}

.home-about-r{width: 50%;}
.home-about-r .tit {margin: 30px 0 20px 0;}
.home-about-r .tit span{font-size: 32px;}

.home-hangye ul li .img img{width: 120px;}


}

@media (min-width:768px) and (max-width:1023px) {

.home-bt span{font-size: 28px;}
.home-pro ul li{width: 48%;}
.home-about-l {width: 100%; margin-right:0;}
.home-about-r{width: 98%; margin: 0 1%; }
.home-about-r .text{font-size: 15px;}
.home-about-r .tit {margin: 30px 0 20px 0;}
.home-about-r .tit span{font-size: 28px;}
.home-about-r .more{float: none; margin-bottom: 30px;}
.home-news-top{width: 100%;margin-bottom: 15px;}
.home-news{width: 100%; }
.home-news ul{margin-left: -1%;margin-right: -1%;}
.home-news ul li{ width: 48%; margin: 0 1%;margin-bottom: 15px;}

.home-hangye ul li{width: 48%;}
.home-hangye ul li .text{min-height: 150px;}
.home-hangye ul li .img img{width: 100px;}
.home-hangye ul li .more a{font-size: 13px;}

.home-pro ul li .text p:first-child{font-size: 30px;}
.home-pro ul li .text p:last-child{font-size: 14px;}
	
}



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


.home-bt span{font-size: 22px;}
.home-pro ul li{width: 98%;}
.home-about-l {width: 100%; margin-right:0;}
.home-about-r{width: 96%; margin: 0 2%; }
.home-about-r .text{font-size: 14px;}

.home-about-r .tit {margin: 20px 0 10px 0;}
.home-about-r .tit span{font-size: 24px;}
.home-about-r .more{float: none; margin-bottom: 30px;}
.home-news-top{width: 100%;margin-bottom: 15px;}
.home-news{width: 100%; }
.home-news ul li{ width:100%; ;margin-bottom: 15px; margin-left: 0;}

.home-hangye ul li{width: 48%;}
.home-hangye ul li .text{min-height: 150px;}
.home-hangye ul li .text h3{font-size: 18px;font-weight: bold;}
.home-hangye ul li .img img{width: 100px;}
.home-hangye ul li .more{width: 150px;}
.home-hangye ul li .more a{font-size: 12px;}

.home-pro ul li .text p:first-child{font-size: 22px;}
.home-pro ul li .text p:last-child{font-size: 12px;}


}