ul,li{list-style: none;margin: 0;padding: 0;}
a{color: #fcfcfc;}

body {
  font-family: "微软雅黑", Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #828282;
  background: #fff;
}

#page {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
}
.offcanvas #page {
  overflow: hidden;
  position: absolute;
}
.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

a {
  color: #ffffff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #27aaca;
  outline: none;
  text-decoration: none;
}

p {
  margin:0;padding: 0;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-family: "黑体", SimHei;
  font-weight: 400;
  margin: 0;
}

::-webkit-selection {
  color: #fff;
  background: #50CB86;
}

::-moz-selection {
  color: #fff;
  background: #50CB86;
}

::selection {
  color: #fff;
  background: #50CB86;
}
/*nav开始*/
.nav{width: 100%;margin: 0 auto;position: absolute;top: 0;z-index: 1001;padding: 0;overflow: hidden;}
.nav .container{margin:0 auto}
.nav .logo{margin-left: 1rem;margin-top: 1rem;display: block;float: left;margin-bottom:8px}
.nav .nav_bottom{
	display: block;
	position:absolute;
	right:0;
	top:5px
}
.nav .navlist{
	float: right;
	background: url(../img/index/bg_nav.png) no-repeat;
	margin-top: 3rem;
	height: 42px;
	padding-left: 1rem;
	padding-right: 5rem;
	position:relative
}
.nav .navlist li{
	float: left;
	line-height: 42px;
	padding-left: 2rem;
}
.nav .navlist li a{
	display: block;
}
.nav .navlist li.curr a{color: #27aaca;}
@media screen and (max-width: 768px) {
  .nav .menu-1 {
    display: none;
  }
}
/*nav结束*/
/*banner开始*/
.banner { position: relative; overflow: hidden; text-align: center;}
.banner ul{width:400%}
.banner ul li {float: left;width:25% }
.banner ul li img{width: 100%;}
#b06 { width: 100%}
#b06 .dots { position: absolute; left: 0; right: 0; bottom:0;}
#b06 .dots li { 
display: inline-block; width: 12px; height: 12px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; 
cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;
}
#b06 .dots li.active {background: #fff;opacity: 1;}
#b06 .arrow { position: absolute; top: 60%;}
#b06 #al { left: 15px;width: 3%;}
#b06 #ar { right: 15px;width: 3%;}
/*banner结束*/
/*关于我们*/
.about{ overflow: hidden;}
.container{
	margin:7rem auto 2rem;
}
.about ul{float: left;}
.about .about_banner{width: 40%;}
.about .about-content{width: 48%;}
.about ul li img{width: 100%;}
.about .about-content .title{
	width: 40%;margin-left: 2.4rem;
}
.about .about-content .content{
	margin-left: 2.4rem;margin-top: 1rem;text-indent: 2.2rem;
}
.about .about-content .contact{
	text-align: center;
}
.about .about-content .contact img{width: 40%;margin-top: 1.4rem;}


/*我们的产品*/
.product{
	background: url(../img/index/bg_chanpin.png) no-repeat;background-size: cover;
	width: 100%;height: 552px;
}
.product .container .title{
	text-align: center;margin:5rem auto 6rem;
}
.product .container .detail li{
	width: 33.3%;float: left;text-align: center;
}

.product .container .detail li img{width: 50%;}
.product .container .detail li p{font-size: 1.8rem;color: white;}
/*案例*/
.case .container .title{text-align: center;margin:0 auto 4rem}
.case .container .detail{height: 412px;}
.case .container .detail ul{
	position: relative;
}
.case .container .detail ul li{
	width: 25%;position: absolute;height: 206px;color: #FFFFFF;
}
.case .container .detail ul .s1{background: url(../img/index/tu34.png) no-repeat center center;}
.case .container .detail ul .s2{background: url(../img/index/5.png) no-repeat center left;z-index: 1;left: 23%;width: 27%;}
.case .container .detail ul .s3{background: url(../img/index/tu35.png) no-repeat center center;left: 50%;}
.case .container .detail ul .s4{background: url(../img/index/bluerignt.png) no-repeat center left;z-index: 1;left: 73%;width: 27%;}
.case .container .detail ul .s5{background: url(../img/index/blueleft.png) no-repeat center right;z-index: 1;top: 206px;}
.case .container .detail ul .s6{background: url(../img/index/tu36.png) no-repeat center center;left: 23%;top: 206px;width: 28%;}
.case .container .detail ul .s7{background: url(../img/index/dblueright.png) no-repeat center right;z-index: 1;left: 50%;top: 206px;width: 25%;}
.case .container .detail ul .s8{background: url(../img/index/tu37.png) no-repeat;right: 0;top: 206px;width: 26%;}

.case .container .detail ul li .backtitle{text-align: center;background: #000000;opacity: .7;filter: alpha(opacity=70);color: white;position: absolute;bottom: 0;width: 100%;
margin: 0;}
.case .container .detail ul li .title{text-align: left;margin: 2rem 1rem 1rem 2.4rem;font-size:18px;font-weight:bold}
.case .container .detail ul li .content{margin: 1rem 2rem 1rem 2.4rem}
.case .container .more{width: 100%;text-align: center;margin: 7em auto 1rem;}
/*合作开始*/
.cooperate{
	width: 100%;margin:0 auto;background: url(../img/index/bg_bottom_index.png);
}
.cooperate .container{margin-bottom:0px}
.cooperate .container .title{color: white;font-size: 36px;text-align: center;font-weight: bold;margin: 5rem auto 3rem;}
.cooperate .container .hezuo li{float:left;margin:6px}
.text-left{color: white;margin-top: 8rem;float: right;}
.text-right,.text-align{float:left;margin-top: 8rem;text-align:left}
.text-align{margin-left:8rem;margin-top: 6rem;}
@media screen and (max-width: 1000px) {
	.text-right{width:30%;margin-top:3rem}
	.text-right img{width:100%;}
.text-align{margin-left:2rem;width:30%}
.text-align img{width:100%}	
.text-left,.text-align{margin-top:2rem}
}
/*footer*/
footer{text-align: center;background: #000000;color: #ffffff;}

/*底部1*/
.footer1{
	width: 100%;margin:0 auto;background: url(../img/index/bg_bottom.png);
}
.footer1 .container{margin: 0 auto;}
/*产品页*/
.main-product .container .title{
	text-align: center;margin:0 auto 3rem;
}
.main-product .container .detail li{
	width: 33.3%;float: left;text-align: center;
}

.main-product .container .detail li img{width: 50%;}
.main-product .container .bread {width: 100%;margin: 5rem 2rem 2rem;}
.container .pro_nav{width: 100%;margin-left: 2rem;}
.container .pro_nav .nav-divider{width: 20%;float: left;}
.container .pro_nav .nav-divider li{background: #999999;width: 80%;margin-bottom: 1rem;text-align: center;color: white;
padding: .4rem;}
.container .pro_nav .nav-divider li.curr{background: #00b6ec;}
.container .pro_nav .nav_detail{float: right;width: 80%;border-left: 1px solid #27AACA;}
.container .pro_nav .nav_detail article{width: 90%;margin: 0 auto;line-height: 28px;color: #000000;}
.container .pro_nav .nav_detail article img{width: 100%;margin-bottom: 1rem;}
.container .pro_nav .nav_detail article p{margin: 0;padding: 0;}
/*关于我们页*/
.desc .container .desc_header{position: relative;}
.desc .container .desc_header .bread{position:absolute;font-size: 1.6rem;right: 0; bottom: 0;}
.address .container .title{width: 100%;background: #00b6ec;color: white;margin: 2rem auto;padding: 0.4rem;font-size: 2rem;font-weight: bold;}
/*合作伙伴*/
.coop .container {margin: 5rem auto 7rem;}
.coop .container .title{text-align: center;}
.coop .container .coop_content{margin-top: 5rem;}
.coop .container .coop_content ul{width: 24%;float: left;padding-right: 1%;text-align: center;cursor: pointer;}
.coop .container .coop_content ul img{width: 100%;margin: 0 auto;padding-bottom: 2rem;}
hr{margin: .8rem auto 1rem;padding: 0;width: 15%;border: none;border-top: 1px solid #00B6EC;}
.coop .container .coop_content ul h5{font-size: 2rem;}
/*团队*/
.team {margin: 0;padding: 0;}
.team .container{margin: 5rem auto 0;}
.team .container .title{margin-bottom: 2rem;text-align: center;}
.team .container .piclist{position: relative;width: 114%;margin-left: -7%;}
.team .container .piclist .tag{position:  absolute;top: 40%;width: 5%;z-index: 1;opacity: 0;cursor: pointer;}
.team .container .piclist .next{left: 0;}
.team .container .piclist .prev{right: 0;}
.team .container .piclist #pics{width: 88%;margin: 0 auto;}
.team .container .piclist .pics{height: 216px;overflow: hidden;margin: 0 auto;}
.team .container .piclist .pics li{float: left;width: 23%;overflow: hidden;margin: 0 10px;}


.con_title h4{color: #00B6EC;border-bottom: 2px solid #00b6ec;border-left: 18px solid #00B6EC;padding-left: 1rem;width: 96%;margin-left: 10px;margin-top: 2.4rem;height: 3rem;line-height: 3rem;
font-size: 2.2rem;}
.team .container .content .con_left{float: left;width: 15%;margin-top: 90px;}
.team .container .content .con_left li{margin-top: 10px;text-align: right;}
.team .container .content .con_left a{display: inline-block;padding: 5px 30px;text-align: center;background: #999999;border-radius: 5px;}
.team .container .content .con_left .current a{padding: 5px 40px;background: #00B6EC;color: #ffffff;}
.team .container .content .con_left a:hover{color: #ffffff;}
.team .container .content .con_right{float:left;width: 76%;margin: 0 auto;}
.pages{width: 100%;height: 700px;}
.pages ul{width: 46%;margin-left: 4%;float: left;margin-bottom: 20px;}
.pages .date{color: #d9d9d9;font-size: 22px;font-family:SimHei;margin-right: 8px;display: block;line-height: 20px;}
.pages .intr{float: right;text-align: right;}
.pages .tit{color: #d9d9d9;font-size: 12px;float: left;margin-top: 20px;}
.pages .intr .year{font-size: 18px;color: #d9d9d9;font-family: SimHei;margin-right: 8px;line-height: 20px;}
.pages i{width: 2px;height: 36px;margin-top: 2px;background: #00B6EC;display: inline-block;float: right;}
.hd{width:20%;margin:0px auto;text-align: center;height: 10px;position: relative;left: 46px;}
.hd li{ float:left;  width:12px; height:12px;border-radius: 12px; overflow:hidden; margin-right:8px; text-indent:-999px; cursor:pointer; background: #00B6EC; }
.hd li.on{ background:#999999; }
/*案例*/
.cases ul li{width: 33.3%;text-align: center;padding-right: 1%;float: left;padding-bottom: 2rem;}
.cases ul li img{width: 100%;margin: 0 auto;margin-bottom: 1rem;}
.cases ul li h5{font-size: 2rem;}
.img{position: relative;}
.img .zhezhao{position: absolute;top: 0;left: 0;opacity: 0.7;filter: alpha(opacity=70);display: none;}