﻿*{padding: 0px;margin: 0px;font-family: "微软雅黑";}

/*banner开始*/
.pcBanner{width: 100%;overflow: hidden;}
.pcBanner .slideBox{ width:100%; height:460px; overflow:hidden; position:relative; }
.pcBanner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.pcBanner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.pcBanner .slideBox .hd ul li{ float:left; margin-right:7px;  width:8px; height:8px; line-height:8px; background:url(../images/icon3.png) no-repeat center center; cursor:pointer; }
.pcBanner .slideBox .hd ul li.on{background:url(../images/icon4.png) no-repeat center center;  }
.pcBanner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.pcBanner .slideBox .bd li{ zoom:1; vertical-align:middle; width: 100%;height: 460px;}
.pcBanner .slideBox .bd li a{display: block;width: 100%;height: 460px;}
.mBanner{display: none;}
/*banner结束*/

/*产品与服务开始*/
.product{width: 100%;overflow: hidden;margin: 50px 0px 50px;}
.sever{width: 1200px;margin:0px auto;}
.severTitle{overflow: hidden;border-bottom: 1px solid #00958d;}
.severTitle>span,.severTitle>ul,.severTitle>ul>li{float: left;color: #00958d;overflow: hidden;}
.severTitle>span{font-size: 18px;margin-right: 148px;display: block;border-bottom: 4px solid #00958d;line-height: 35px;}
.severTitle>ul>li{margin-right: 30px;padding: 10px 16px;text-align: center;}
.severTitle>ul>li:hover,.severTitle>ul>li.on{background: #00958d;color: #fff;cursor: pointer;}
.aList>div,.aList>ul,.aList>ul>li{float: left;overflow: hidden;}
.aList>div{width: 176px;height: 170px;background: #00b9af;display: table;text-align: center;padding: 0px 30px;}
.aList>div>span{color: #fff;font-size: 14px;display: table-cell;vertical-align: middle;}
.animalList{margin-top: 36px;overflow: hidden;}
.aList>div{margin-right: 4px;}
.aList>ul>li{margin-right: 4px;border: 2px solid #ebebeb;width: 232px;}
.aList>ul>li img{display: block;width: 100%;height: 166px;}
.aList{display: none;overflow: hidden;}
/*产品与服务结束*/


/*简介开始*/
.intro{width: 100%;height:200px;background: url(../images/bg1.jpg) no-repeat center center;margin-bottom: 60px;}
.introAll{overflow: hidden;width: 1200px;margin:0px auto;padding-top: 60px;}
.introAll>span{color: #fff;font-family:"Arail";font-size: 36px;width: 135px;display: block;float: left;}
.introAll>span>label{font-size: 18px;}
.introAll>div{font-size: 14px;line-height: 24px;float: left;margin-left: 80px;width: 950px;color: #fff;}
/*简介结束*/

/*新闻开始*/
.news{width: 100%;overflow: hidden;margin-bottom: 60px;position: relative;}
.newsList{width: 1200px;margin:0px auto;overflow: hidden;background: url(../images/icon11.png) no-repeat 110px bottom;padding:0px 0px 20px 0px;}
.newsListTab{width: 602px;height: 356px;overflow: hidden;float: left;position: relative;background: url(../images/bg3.jpg) no-repeat 5px center;}
.newsIntroTab{width: 470px;float: right;padding-left: 60px;height: 350px;position: relative;background: url(../images/bg2.jpg) no-repeat left center;}
.newsListTab>ul{width: 102px;float: left;}
.newsShowTab{float: right;width: 452px;}
.newsListTab>ul>li{background: url(../images/icon9.png) no-repeat left center;padding-left: 20px;line-height: 70px;font-size: 12px;color: #666666;}
.newsListTab>ul>li:hover,.newsListTab>ul>li.show{background: url(../images/icon10.png) no-repeat left center;color: #26bfb5;font-size: 14px;cursor: pointer;}
.newsShowTab>ul>li{display: none;}
.newsShowTab>ul>li>a{display: block;}
.newsShowTab>ul>li>a .newsPic{width: 100%;overflow: hidden;}
.newsShowTab>ul>li>a .newsPic img{display: block;width: 100%;height: 216px;}
.newsShowTab>ul>li>a .newsShow{background: #00b9af;padding: 16px 25px;}
.newsShowTitle{width: 100%;overflow: hidden;margin-bottom: 20px;}
.newsShowTitle>span{float: left;display: block;font-size: 14px;color: #fff;margin-right: 20px;}
.newsShowInfo{line-height: 20px;font-size: 12px;color: #fff;}
.newsIntroTab ul{overflow: hidden;padding-left: 45px;}
.newsIntroTab ul li{float: left;margin-right: 34px;cursor: pointer;font-size: 14px;color: #303030;border-bottom: 10px solid transparent;padding-bottom: 18px;}
.newsIntroTab ul li:hover,.newsIntroTab ul li.active{border-bottom: 10px solid #00b9af;}
.newsCon>div{display: none;width: 443px;height: 234px;overflow: auto;padding-right: 20px;margin-top: 45px;line-height: 26px;font-size: 14px;color: #303030;}
.newsIntroTabBg{background: url(../images/bg4.jpg) no-repeat center 42px;}
.mDiv{display: none;}
/*新闻结束*/


/******************************************************移动端开始*********************************************************************************************************************/


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

/*移动端banner开始*/
	.pcBanner{display: none;}
	.mBanner{width: 100%;overflow: hidden;display: block;}
	.mBanner .slider8{overflow: hidden;}
	.mBanner .slider8 a{display: block;width: 100%;}
	.mBanner .slider8 a img{display: block;width: 100%;}
	.mBanner .bx-wrapper .bx-pager.bx-default-pager a{width: 4px;height:4px;background: #fff;border-radius: 50%;}
	.mBanner .bx-wrapper .bx-pager.bx-default-pager a.active{width: 4px;height: 4px;background: #00b9af;}
	.mBanner .bx-wrapper .bx-pager{left: 0px;}
/*移动端banner结束*/

	.product{margin: 12px 0px;}
	.sever{width: auto;padding:0px 10px;}
	.severTitle>ul{margin-top: 10px;}
	.severTitle>ul>li{padding: 3px 12px;margin-right: 43px;}
	.aList>div{width: auto;padding: 0px 15px;height: 132px;}
	.aList>ul>li{width: 47.5%;margin-top: 10px;}
	.aList>ul>li img{height: auto;}
	.supportAll>ul{width: 100%;    padding-top: 30px;}
	.intro{height: 248px;width: auto;padding: 0px 10px;margin-bottom: 35px;}
	.introAll{width: 100%;padding-top: 15px;}
	.introAll>span{width: 25.8%;font-size: 24px;font-weight: bold;}
	.introAll>span>label{font-size: 12px;}
	.introAll>div{float: right;width: 69%;margin-left: 0px;font-size: 12px;line-height: 18px;}
	.news{width: auto;margin-bottom: 40px;}
	.newsList{width: 100%;background: url(../images/icon31.png) no-repeat 124px 165px;padding-bottom: 0px;}
	.newsListTab{width: auto;height: auto;float: none;padding: 0px 10px;background: url(../images/bg3.jpg) no-repeat 15px center;}
	.newsListTab>ul{width: 31.3%;}
	.newsShowTab{width: 67%;}
	.newsShowTab>ul>li>a .newsPic img{height: auto;}
	.newsShowTab>ul>li>a .newsShow{padding: 3px 5px;}
	.newsShowTitle{margin-bottom: 10px;}
	.newsListTab>ul>li{line-height: 35px;}
	.newsIntroTab{width:100%;background: none;margin-top: 30px;height: auto;}
	.mDiv{display: block;width: 100%;height: 6px;background: #00b9af;margin-top: 25px;}
	.newsShowInfo{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.newsCon>div{width: auto;padding: 0px 10px;margin-top: 20px;height: 250px;}


}



@media screen and (max-width:360px) {
	.severTitle>ul>li{margin-right: 36px;}
	.introAll{padding-top:5px; }
	.introAll>span{width: 28.8%;}
	.newsShowTitle{margin-bottom: 5px;}

}



@media screen and (max-width:320px) {
	.severTitle>ul>li{margin-right: 16px;}
	.aList>ul>li{margin-right: 3px;}
	.newsListTab>ul{width: 33.3%;}
	.newsShowTab{width: 65%;}


}

