@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(51, 155, 226, 1);

  border-radius: 0px;

}

::-webkit-scrollbar-thumb:hover {background-color: rgba(51, 155, 226, 1);}

::-webkit-scrollbar-thumb:active {background-color: rgba(51, 155, 226, 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:5px;

	font-size: 15px;

	border: 1px solid #ccc;

}





/*图片放大*/

.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%;}











.home-bt {padding: 40px 0; overflow: hidden; text-align: center; }

.home-bt span{display: block;margin-bottom: 30px;color: #339be2; font-size: 36px;font-weight: bold;}

.home-bt span b{color: #ca0018; }

.home-bt span:after{ 

	content: '';

	position: relative;

	width: 60px;

	height: 3px;

	background: #339be2;

	display: block;

	margin: 0 auto;

	bottom: -15px;

}

.home-bt small{display: block; font-size: 14px; text-transform: uppercase; color: #999;}



/*首页产品中心*/

.home-fl{overflow: hidden; text-align: center; margin-bottom: 30px;}

.home-fl ul{ display: inline-block;}

.home-fl ul li{float:left;width:120px; margin: 0 10px; padding-bottom: 20px;}

.home-fl ul li a {display: block; font-size: 15px; text-align: center; background: #FFF; color: #333;height: 50px;line-height: 50px;border-radius: 50px; padding: 0 15px;}

.home-fl ul li a:hover {background: #339be2; color: #FFF;border-radius: 50px;padding: 0 15px;}	



.home-probg{overflow: hidden; background:#f3f3f3; background-size: cover;}

.home-pro{margin: 40px 0; overflow: hidden;}

.home-pro{ overflow: hidden;}

.home-pro ul{margin-left: -1%;margin-right: -1%;}

.home-pro ul li{float: left; width: 23%;margin: 0 1%;}

.home-pro ul li .pic{background: #fff;overflow: hidden;position: relative;background: #fff;}

.home-pro ul li p{font-size: 14px;color: #666;text-align: center; margin: 10px 0 20px 0;line-height: 26px;}

.home-pro ul li .pic:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(100, 175, 235, .5) url(../images/view.png) no-repeat center;background-size: 40px;z-index: 2;opacity: 0;-webkit-transform: scale(.95);-ms-transform: scale(.95);-o-transform: scale(.95);transform: scale(.95);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}

.home-pro ul li .abox:hover .pic:before{opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}



.HezuoSwiper{position: relative;padding: 30px 0;}

.HezuoSwiper .prev-hj,

.HezuoSwiper .next-hj{position: absolute;width: 49px;height: 49px;background-repeat: no-repeat;background-position: center;margin-top: -250px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s; cursor: pointer;z-index: 999;}

.HezuoSwiper .prev-hj{left: 7%;background-image: url(../images/left.png);}

.HezuoSwiper .next-hj{right:7%;background-image: url(../images/right.png);}



.home-hezuo{}

.home-hezuo img{max-width: 100%;}

.home-hezuo  p{font-size: 14px;color: #666;text-align: center; margin: 10px 0 20px 0;line-height: 26px;}



.home-about-l{float: left; width: 50%; }

.home-about-l img{max-width: 100%;}

.home-about-r{float: left; width: 47%;margin-right: 3%;}

.home-about-r .tit{overflow: hidden; margin-bottom: 50px;}

.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: 36px; color: #339be2;line-height: 50px;font-weight: bold;font-family: 'Microsoft YaHei';}

.home-about-r .text{ color: #666;line-height: 28px;font-size: 15px; text-indent: 2em;text-align: justify;}

.home-about-r .more{float: left; width: 220px; height: 50px;line-height: 50px; text-align: center; border: 1px solid #339be2; margin-top: 30px;}

.home-about-r .more a{color: #339be2;font-size: 16px;}



.digitalbg{background: #339be2; margin-top: -60px;}

.digital{overflow: hidden; margin:100px 0 60px 0; }

.digital ul{}

.digital ul li{float: left; width: 25%; text-align: center; color: #FFF;}

.digital ul li h2{ font-size: 50px; font-weight: bold;line-height: 60px;}

.digital ul li h2 i{font-size: 20px;position: absolute; margin-top: -18px; font-style: normal;}

.digital ul li h5{font-size: 15px; line-height: 26px;}





/*首页新闻动态*/

.home-news-top{float: left; width: 30%;margin-bottom: 50px;}

.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%; margin-bottom: 50px;}

.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);}







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



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





}



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



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



.home-about-r{width: 100%; margin-right: 0;}

.home-about-l{width: 100%;}

.home-about-r .more{margin-bottom: 50px;}

.digitalbg{margin-top: 0;padding: 50px 0;}

.digital{margin: 0;}

.home-news-top{width: 100%;}

.home-news{width: 100%;}

.home-news ul li{width: 47%;}

.home-news ul li:nth-of-type(1){margin-left: 0;}

.home-news ul li:nth-of-type(3){margin-left: 0;}

	

}

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



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



.home-about-r{width: 100%; margin-right: 0;}

.home-about-l{width: 100%;}

.home-about-r .more{margin-bottom: 50px;}

.home-about-r .tit{margin-bottom: 20px;}

.home-about-r .tit span{font-size: 22px;}

.home-about-r .tit em{display: none;}

.digitalbg{margin-top: 0;padding: 50px 0;}

.digital{margin: 0;}

.digital ul li{width: 50%;}

.home-news-top{width: 100%;}

.home-news{width: 100%;}

.home-news ul li{width: 100%; margin-left: 0;}







}