@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
html{font-family:"微软雅黑","Arial";}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
img{border:0;}
a,a:hover{text-decoration:none;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}


.banner{ width:100%; overflow:hidden;}
.banner img{ width:100%;}
.banner2{ display:none;}

.new-pro-box{ background:url(../images/new-pro-bg.gif) no-repeat center; padding-bottom:20px;}
.new-pro-box h1{ text-align:center; font-size:18px; color:#00adef; padding-top:20px;}
.new-pro{ width:30%; margin:0 1.6%; float:left; overflow:hidden; margin-top:20px;}
.new-pro img{ width:100%;}
.new-pro h2{width:100%;padding-left:10px; line-height:26px;background-color:#606060; color:#fff; font-size:14px;}
.new-pro  p{ margin-top:10px; font-size:12px; line-height:16px; color:#666;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.new-pro   span{ display:none;}
.btn-s {display:block;text-align:center;font-size:14px; color:#fff; background-color:#f8aa33; border-radius:6px; width:80px; margin:0 auto;margin-top:10px;line-height:26px;  }


/*产品切换*/
#demo1{ margin-top:20px;  }
#demo1 .demo1-title{ position:relative;height:40px;width:100%; margin:0 auto;  }
#demo1 .demo1-title ul{ float:left;  position:absolute; height:40px; width:100%;   }
#demo1 .demo1-title ul li{ float:left; width:33.33%;  height:38px;color:#fff;font-size:12px; text-align:center; cursor:pointer;padding-top:10px; }
.bg1{ background:url(../images/title1.gif) no-repeat top ; background-size:100%;}
.bg2{ background:url(../images/title2.gif) no-repeat top;background-size:100%;}
.bg3{ background:url(../images/title3.gif) no-repeat top;background-size:100%;}


/*产品参数*/
.title{ position:relative;width:290px; margin:0 auto; text-align:center; font-size:18px; font-weight:bold; padding-top:20px; padding-bottom:10px;}
.title span{ position:absolute;width:106px; height:5px; left:90px; bottom:-3px;}
.t-green{border-bottom:1px solid #0aae85;  color:#0aae85;}
.t-green span{background-color:#0aae85; }
.t-white{border-bottom:1px solid #fff;  color:#fff;}
.t-white span{background-color:#fff; }
.t-blue{border-bottom:1px solid #3fb8f0;  color:#3fb8f0;}
.t-blue span{background-color:#3fb8f0; }
.t-orange{border-bottom:1px solid #ff993d;  color:#ff993d;}
.t-orange span{background-color:#ff993d; }
.table{  width:100%; border-right:1px solid #68f6d2 !important; border-bottom:1px solid #68f6d2 !important; margin-bottom:20px;margin-top:20px;}
.table tr{ line-height:20px; }
.table-left-title{background-color:#b1ffeb !important; border-left:1px solid #68f6d2;}
.table td{ text-align:center;border-top:1px solid #68f6d2; border-bottom:1px solid #defff7; border-left:1px solid #68f6d2; background-color:#f0fffb; font-size:12px; color:#333;}

.table-orange{  width:100%; border-right:1px solid #f8caa1 !important; border-bottom:1px solid #f8caa1 !important; margin-bottom:20px;margin-top:20px;}
.table-orange tr{ line-height:20px; }
.table-left-title-o{background-color:#ffe1c6 !important; border-left:1px solid #f8caa1;}
.table-orange td{ text-align:center;border-top:1px solid #f8caa1; border-bottom:1px solid #fff2e6; border-left:1px solid #f8caa1; background-color:#fff8ed; font-size:12px; color:#333;}

.table-blue{  width:100%; border-right:1px solid #4d94d1 !important; border-bottom:1px solid #4d94d1 !important; margin-bottom:20px;margin-top:20px;}
.table-blue tr{ line-height:20px; }
.table-left-title-b{background-color:#a7d6ff !important; border-left:1px solid #4d94d1;}
.table-blue td{ text-align:center;border-top:1px solid #4d94d1; border-bottom:1px solid #d1eaff; border-left:1px solid #4d94d1; background-color:#d6ecff; font-size:12px; color:#333;}

.btn{display:block;text-align:center;font-size:16px; color:#fff; background-color:#f8aa33; border-radius:6px; width:120px;line-height:30px; margin:0 auto;}
.border{ width:100%s; height:2px; background-color:#e4e4e4; margin:0 auto; margin-top:20px; }

/*产品应用*/
.use{ background:url(../images/use-bg.gif) no-repeat top; height:700px; position:relative;}
.use-img{ margin-top:40px; width:100%; position:relative;}
.use-pos{ position:relative;}
.use-pos img{ }
.img1{ position:absolute; left:20px; top:40px;z-index:8;}
.img2{ position:absolute; left:280px; top:40px;z-index:7;}
.img3{ position:absolute; left:550px; top:40px;z-index:6;}
.img4{ position:absolute; left:815px; top:40px;z-index:5;}
.img5{ position:absolute; left:150px; top:190px;z-index:4;}
.img6{ position:absolute; left:410px; top:190px;z-index:3;}
.img7{ position:absolute; left:680px; top:190px;z-index:2;}
.img8{ position:absolute; left:950px; top:190px;z-index:1;}
.use-btn{ position:absolute; bottom:40px; left:50%; margin-left:-100px !important}
.use-pos > a:hover > img {
  transform: scale(1.5, 1.5);
  transition: .3s transform;
  z-index:99999 !important;
 
}
.use-pos a:hover{ z-index:9999 !important;}
/*推荐产品*/
.product{ background-color:#fbfbfb;}
.pro{ margin-top:20px; margin-bottom:20px;}
.pro a{ display:block; float:left; margin:0 0.5%; position:relative; width:24%; overflow:hidden;}
.pro a img{ display:block; width:100%;}
.pro a span{ display:block; width:100%; padding-left:1%; position:absolute; bottom:0; left:0; line-height:30px; background-color:rgba(0,0,0,0.6); color:#fff; font-size:12px;}	

/*footer*/
.footer{ background-color:#3fb8f0; border-bottom:1px solid #299bd0; margin-top:70px;}
.footer ul li{ width:33.33%; float:left; text-align:center; color:#fff; line-height:60px; vertical-align:middle; font-size:20px;}
.icon1{ display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../images/icon1.gif) no-repeat center; margin-right:20px;}
.icon2{ display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../images/icon2.gif) no-repeat center; margin-right:20px;}
.icon3{ display:inline-block; vertical-align:middle; width:40px; height:40px; background:url(../images/icon3.gif) no-repeat center; margin-right:20px;}
.copy{ text-align:center; background-color:#efefef; line-height:40px; color:#666666; font-size:14px;}
@media (min-width: 720px) and (max-width:890px){
.footer ul li{ width:33.33%; float:left; text-align:center; color:#fff; line-height:60px; vertical-align:middle; font-size:16px;}
.icon1{ display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../images/icon1.gif) no-repeat center; margin-right:20px; background-size:100%;}
.icon2{ display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../images/icon2.gif) no-repeat center; margin-right:20px; background-size:100%;}
.icon3{ display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../images/icon3.gif) no-repeat center; margin-right:20px; background-size:100%;}
	}
@media (min-width: 320px) and (max-width:719px){
	.footer{ background-color:#3fb8f0; border-bottom:1px solid #299bd0; margin-top:20px;padding-top:10px;}
.footer ul li{ width:80%; padding-left:20%;float:left; text-align:left; color:#fff; line-height:20px; vertical-align:middle; font-size:16px;}
.icon1{ display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../images/icon1.gif) no-repeat center; margin-right:20px; background-size:100%;}
.icon2{ display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../images/icon2.gif) no-repeat center; margin-right:20px; background-size:100%;}
.icon3{ display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../images/icon3.gif) no-repeat center; margin-right:20px; background-size:100%;}	
.copy{ text-align:center; background-color:#efefef; line-height:20px; color:#666666; font-size:12px;}
	}
	
@media (min-width: 320px) and (max-width:850px){
/*产品应用*/
.use{ background:url(../images/use-bg.gif) no-repeat top; height:260px !important;padding-bottom:20px;}
.use-img{ margin-top:40px; width:100%;}
.use-pos{ width:320px; left:50%; margin-left:-160px; position:relative;}
.img1{ position:absolute; left:0px; top:20px; width:66px;}
.img1 img{ width:100%;}
.img2{ position:absolute; left:76px; top:20px; width:66px;}
.img2 img{ width:100%;}
.img3{ position:absolute; left:152px; top:20px; width:66px;}
.img3 img{ width:100%;}
.img4{ position:absolute; left:228px; top:20px; width:66px;}
.img4 img{ width:100%;}
.img5{ position:absolute; left:38px; top:66px; width:66px;}
.img5 img{ width:100%;}
.img6{ position:absolute; left:114px; top:66px; width:66px;}
.img6 img{ width:100%;}
.img7{ position:absolute; left:190px; top:66px; width:66px;}
.img7 img{ width:100%;}
.img8{ position:absolute; left:266px; top:66px; width:66px;}
.img8 img{ width:100%;}
.use-btn{ position:absolute; bottom:40px; left:50%; margin-left:-60px !important}

	}
	@media (min-width:1000px) and (max-width:1199px){
		
#demo1{ margin-top:60px;  }
#demo1 .demo1-title{ position:relative;width:940px; height:55px; margin:0 auto; border-bottom:1px solid #dfdfdf; }
#demo1 .demo1-title ul{ float:left;  position:absolute; height:55px;  }
#demo1 .demo1-title ul li{ float:left; width:340px;  height:55px; line-height:55px;color:#fff; font-size:20px; text-align:center;padding-top:0px; margin:0px; cursor:pointer;}
.bg1{ background:url(../images/title1-s.gif) no-repeat top; position:absolute; top:0;}
.bg2{ background:url(../images/title2-s.gif) no-repeat top;position:absolute; top:0; left:300px; z-index:996}
.bg3{ background:url(../images/title3-s.gif) no-repeat top;position:absolute; top:0;left:625px; z-index:995}
#demo1 .demo1-title ul .bg1.on{ z-index:997;}
#demo1 .demo1-title ul .bg2.on{ }
#demo1 .demo1-title ul .bg3.on{ z-index:998;}
}

@media (min-width: 800px) and (max-width:1199px){

/*产品参数*/
.title{ position:relative;width:290px; margin:0 auto; text-align:center; font-size:38px; font-weight:bold;  padding-top:60px; padding-bottom:30px;}
.title span{ position:absolute;width:106px; height:5px; left:90px; bottom:-3px;}


.table{ border-right:1px solid #68f6d2 !important; border-bottom:1px solid #68f6d2 !important; margin-bottom:50px;margin-top:50px; }
.table tr{ line-height:48px; }
.table-left-title{background-color:#b1ffeb; border-left:1px solid #68f6d2;}
.table td{ text-align:center;border-top:1px solid #68f6d2; border-bottom:1px solid #defff7; border-left:1px solid #68f6d2; background-color:#f0fffb; font-size:20px; color:#333;}


.table-orange{ border-right:1px solid #f8caa1 !important; border-bottom:1px solid #f8caa1 !important; margin-bottom:50px;margin-top:50px;}
.table-orange tr{ line-height:48px; }
.table-left-title-o{background-color:#ffe1c6 !important; border-left:1px solid #f8caa1;}
.table-orange td{ text-align:center;border-top:1px solid #f8caa1; border-bottom:1px solid #fff2e6; border-left:1px solid #f8caa1; background-color:#fff8ed; font-size:20px; color:#333;}

.table-blue{ border-right:1px solid #4d94d1 !important; border-bottom:1px solid #4d94d1 !important; margin-bottom:50px;margin-top:50px;}
.table-blue tr{ line-height:48px; }
.table-left-title-b{background-color:#a7d6ff !important; border-left:1px solid #4d94d1;}
.table-blue td{ text-align:center;border-top:1px solid #4d94d1; border-bottom:1px solid #d1eaff; border-left:1px solid #4d94d1; background-color:#d6ecff; font-size:20px; color:#333;}


.btn{display:block;text-align:center;font-size:20px; color:#fff; background-color:#f8aa33; border-radius:6px; width:200px;line-height:50px; margin:0 auto;}
.border{ width:1200px; height:2px; background-color:#e4e4e4; margin:0 auto;  margin-top:40px; }

}
@media (min-width: 320px) and (max-width: 640px){
.header-pc{ display:none;}
.header{position:relative;height:50px;background:#00adef;}
.header .logo{display:block;width:130px;height:30px;padding:10px 0 0 10px;}
.header .logo img{display:block;width:100%;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.gif) no-repeat center center;background-size:12px 20px;}
.banner{ display:none;}
.banner2{ display:block !important; width:100%; overflow:hidden;}
.banner2 img{ width:100%;}

	}

	
@media (min-width: 640px) and (max-width:950px){
.header{ display:none;}
.header-pc{ background-color:#00adef; width:100%; height:70px;}
.header-nav li{height:70px; float:left;}
.header-nav li a{ color:#fff; display:inline-block; border-right:1px solid #fff; line-height:16px; height:16px; font-size:16px; padding:0 10px; margin-top:27px;}
.logo-pc{ display:inline-block; width:200px; margin-top:11px;}

	}
	
@media (min-width:951px) and (max-width:1200px){
.header{ display:none;}
.header-pc{ background-color:#00adef; width:100%; height:70px;}
.header-nav li{height:70px; float:left;}
.header-nav li a{ color:#fff; display:inline-block; border-right:1px solid #fff; line-height:16px; height:16px; font-size:16px; padding:0 24px; margin-top:27px;}

	}
@media (min-width:1201px){
.header{ display:none;}
.header-pc{ background-color:#00adef; width:100%; height:70px;}
.header-nav li{height:70px; float:left;}
.header-nav li a{ color:#fff; display:inline-block; border-right:1px solid #fff; line-height:16px; height:16px; font-size:16px; padding:0 24px; margin-top:27px;}
.w1200{ width:1200px; margin:0 auto;}

/*最新产品简介*/
.w1290{ width:1290px; margin:0 auto;}
.new-pro-box{ background:url(../images/new-pro-bg.gif) no-repeat center; height:750px;padding:0px;}
.new-pro-box h1{ text-align:center; font-size:38px; color:#00adef; padding-top:70px;}
.new-pro{ width:370px; margin:0 25px; float:left; overflow:hidden; margin-top:60px; position:relative;}
.new-pro h2{ position:absolute; display:none; width:350px;padding-left:20px; line-height:50px;background-color:#606060; color:#fff; font-size:18px;top:240px;}
.new-pro  p{ margin-top:10px; font-size:16px; line-height:24px; color:#333; height:auto;}
.new-pro   span{ display:block;float:left;font-size:16px; line-height:24px; color:#333;}
.btn-s { float:right; display:block;text-align:center;font-size:20px; color:#fff; background-color:#f8aa33; border-radius:6px; width:140px; margin-top:32px; line-height:40px; }
.new-pro:hover h2{ display:block;}
/*产品切换*/
#demo1{ margin-top:60px;  }
.title-bor{ width:1200px; margin:0 auto; border-bottom:1px solid #dfdfdf;}
#demo1 .demo1-title{ position:relative; width:944px;height:55px; margin:0 auto; }
#demo1 .demo1-title ul{ float:left;  position:absolute; height:55px;  }
#demo1 .demo1-title ul li{ float:left; width:340px;  height:55px; line-height:55px;color:#fff; font-size:20px; text-align:center; cursor:pointer; padding-top:0px; margin:0px; }
.bg1{ background:url(../images/title1-s.gif) no-repeat top; position:absolute; top:0;}
.bg2{ background:url(../images/title2-s.gif) no-repeat top;position:absolute; top:0; left:300px; z-index:996}
.bg3{ background:url(../images/title3-s.gif) no-repeat top;position:absolute; top:0; right:0px; z-index:995}
#demo1 .demo1-title ul .bg1.on{ z-index:997;}
#demo1 .demo1-title ul .bg2.on{ }
#demo1 .demo1-title ul .bg3.on{ z-index:998;}

/*产品参数*/
.title{ position:relative;width:290px; margin:0 auto; text-align:center; font-size:38px; font-weight:bold;  padding-top:60px; padding-bottom:30px;}
.title span{ position:absolute;width:106px; height:5px; left:90px; bottom:-3px;}

.table{  border-right:1px solid #68f6d2 !important; border-bottom:1px solid #68f6d2 !important;  width:1200px; margin:0 auto;margin-bottom:50px;margin-top:50px;}
.table tr{ line-height:48px; }
.table-left-title{background-color:#b1ffeb; border-left:1px solid #68f6d2;}
.table td{ text-align:center;border-top:1px solid #68f6d2; border-bottom:1px solid #defff7; border-left:1px solid #68f6d2; background-color:#f0fffb; font-size:20px; color:#333;}

.table-orange{ border-right:1px solid #f8caa1 !important; border-bottom:1px solid #f8caa1 !important;width:1200px; margin:0 auto; margin-bottom:50px;margin-top:50px;}
.table-orange tr{ line-height:48px; }
.table-left-title-o{background-color:#ffe1c6 !important; border-left:1px solid #f8caa1;}
.table-orange td{ text-align:center;border-top:1px solid #f8caa1; border-bottom:1px solid #fff2e6; border-left:1px solid #f8caa1; background-color:#fff8ed; font-size:20px; color:#333;}

.table-blue{ border-right:1px solid #4d94d1 !important; border-bottom:1px solid #4d94d1 !important;width:1200px; margin:0 auto; margin-bottom:50px;margin-top:50px;}
.table-blue tr{ line-height:48px; }
.table-left-title-b{background-color:#a7d6ff !important; border-left:1px solid #4d94d1;}
.table-blue td{ text-align:center;border-top:1px solid #4d94d1; border-bottom:1px solid #d1eaff; border-left:1px solid #4d94d1; background-color:#d6ecff; font-size:20px; color:#333;}


.btn{display:block;text-align:center;font-size:20px; color:#fff; background-color:#f8aa33; border-radius:6px; width:200px;line-height:50px; margin:0 auto;}
.border{ width:1200px; height:2px; background-color:#e4e4e4; margin:0 auto;  margin-top:40px; }

/*产品优势*/
.goodness{ background:url(../images/bg.gif) no-repeat bottom; padding-top:40px; height:640px;}
.goodness h2{ text-align:center; font-size:38px; color:#0aae85; margin-bottom:50px;}
#demo2{ width:1200px; margin:0 auto; position:relative;  }
#demo2 .hd{float:left; width:25%; line-height:94px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo2 .hd ul{ position:absolute;width:100%;  }
#demo2 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo2 .hd ul li.on{ background:#0aae85; color:#fff;}
.goodness-table-con { position:absolute; top:0px; left:25%;width:75%; height:474px;  background:url(../images/goodness-table-bg1.gif) no-repeat center;} 
.goodness-table-con p{ float:left; width:300px;line-height:34px; color:rgba(255,255,255,0.5); font-size:22px; background-color:rgba(0,71,53,0.85); padding:35px 30px;
 margin-top:140px;margin-left:100px;}
 
#demo3{ width:1200px; margin:0 auto; position:relative;  }
#demo3 .hd{float:left; width:25%; line-height:94px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo3 .hd ul{ position:absolute;width:100%;  }
#demo3 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo3 .hd ul li.on{ background:#2a82cd; color:#fff;}
.goodness-table-con2 { position:absolute; top:0px; left:25%;width:75%; height:474px;  background:url(../images/goodness-table-bg2.gif) no-repeat center;} 
.goodness-table-con2 p{ float:left; width:300px;line-height:34px; color:rgba(255,255,255,0.5); font-size:22px; background-color:rgba(00,75,130,0.85); padding:35px 30px;
 margin-top:140px;margin-left:100px;}
 
#demo4{ width:1200px; margin:0 auto; position:relative;  }
#demo4 .hd{float:left; width:25%; line-height:94px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo4 .hd ul{ position:absolute;width:100%;  }
#demo4 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo4 .hd ul li.on{ background:#ff993d; color:#fff;}
.goodness-table-con3 { position:absolute; top:0px; left:25%;width:75%; height:474px;  background:url(../images/goodness-table-bg3.gif) no-repeat center;} 
.goodness-table-con3 p{ float:left; width:300px;line-height:34px; color:rgba(255,255,255,0.5); font-size:22px; background-color:rgba(196,104,24,0.85); padding:35px 30px;
 margin-top:140px;margin-left:100px;} 
 
 
 
 .goodness-btn{ float:left; margin-top:200px; margin-left:100px;}
.goodness-btn a{ display:block; background-color:#fff; color:#333; width:170px; line-height:42px; text-align:center; margin-bottom:20px;}

/*经典案例*/
.case{ background:#fff;padding-bottom:60px;}
.case p{ float:left; width:700px; color:#666;font-size:22px; margin-top:40px; line-height:38px;}
.btn2{display:block;text-align:center;font-size:20px; color:#fff; background-color:#f8aa33; border-radius:6px; width:200px;line-height:50px; margin-top:40px;}
.case-img{ float:right; margin-top:40px;}

/*推荐产品*/
.product{background-color:#fbfbfb;}
.pro{ margin-top:90px;margin-bottom:60px;}
.w1240{ width:1240px; margin:0 auto;}
.pro a{ display:block; float:left; margin:0 20px; position:relative; width:270px; overflow:hidden;}
.pro a img{ display:block; width:100%;}
.pro a span{ width:100%; padding-left:20px; position:absolute; bottom:0; left:0; line-height:40px; background-color:rgba(0,0,0,0.6); color:#fff; font-size:20px; display:none;}
.pro a:hover span{ display:block !important;}
	}
	
@media (min-width:980px) and (max-width:1200px){
/*产品优势*/
.goodness{ padding-top:40px;}
.goodness h2{ text-align:center; font-size:38px; color:#0aae85; margin-bottom:50px;}
#demo2{ width:100%; margin:0 auto; position:relative;  }
#demo2 .hd{float:left; width:25%; line-height:94px;height:474px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo2 .hd ul{ position:absolute;width:100%;  }
#demo2 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo2 .hd ul li.on{ background:#0aae85; color:#fff;}
.goodness-table-con { position:absolute; top:0px; left:25%;width:75%; height:474px;  background:url(../images/goodness-table-bg1.gif) no-repeat center;} 
.goodness-table-con p{ float:left; width:300px;line-height:34px; color:rgba(255,255,255,0.5); font-size:22px; background-color:rgba(0,71,53,0.85); padding:35px 30px;
 margin-top:140px;margin-left:100px;}
 
 #demo3{ width:100%; margin:0 auto; position:relative;  }
#demo3 .hd{float:left; width:25%; line-height:94px;height:474px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo3 .hd ul{ position:absolute;width:100%;  }
#demo3 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo3 .hd ul li.on{ background:#2a82cd; color:#fff;}
.goodness-table-con2 { position:absolute; top:0px; left:25%;width:75%; height:474px;  background:url(../images/goodness-table-bg2.gif) no-repeat center;} 
.goodness-table-con2 p{ float:left; width:300px;line-height:34px; color:rgba(255,255,255,0.5); font-size:22px; background-color:rgba(00,75,130,0.85); padding:35px 30px;
 margin-top:140px;margin-left:100px;}
 
#demo4{ width:100%; margin:0 auto; position:relative;  }
#demo4 .hd{float:left; width:25%; line-height:94px;height:474px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo4 .hd ul{ position:absolute;width:100%;  }
#demo4 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo4 .hd ul li.on{ background:#ff993d; color:#fff;}
.goodness-table-con3 { position:absolute; top:0px; left:25%;width:75%; height:474px;  background:url(../images/goodness-table-bg3.gif) no-repeat center;} 
.goodness-table-con3 p{ float:left; width:300px;line-height:34px; color:rgba(255,255,255,0.5); font-size:22px; background-color:rgba(196,104,24,0.85); padding:35px 30px;
 margin-top:140px;margin-left:100px;} 
 
 
 
 
 .goodness-btn{ float:left; margin-top:200px; margin-left:100px;}
.goodness-btn a{ display:block; background-color:#fff; color:#333; width:170px; line-height:42px; text-align:center; margin-bottom:20px;}

/*经典案例*/
.case{ background:#fff;padding-bottom:60px;}
.case p{ float:left; width:70%; color:#666;font-size:22px; margin-top:40px; line-height:38px;}
.btn2{display:block;text-align:center;font-size:20px; color:#fff; background-color:#f8aa33; border-radius:6px; width:200px;line-height:50px; margin-top:40px;}
.case-img{ float:right; margin-top:40px; width:30%}
.case-img img{ width:100%;}


}
@media (min-width:710px) and (max-width:979px){
	/*产品优势*/
.goodness{ padding-top:40px;}
.goodness h2{ text-align:center; font-size:38px; color:#0aae85; margin-bottom:50px;}
#demo2{ width:100%; margin:0 auto; position:relative;  }
#demo2 .hd{float:left; width:25%; line-height:60px;height:305px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo2 .hd ul{ position:absolute;width:100%;  }
#demo2 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo2 .hd ul li.on{ background:#0aae85; color:#fff;}
.goodness-table-con { position:absolute; top:0px; left:25%;width:75%; height:305px;  background:url(../images/goodness-table-bg1.gif) no-repeat center;} 
.goodness-table-con p{ float:left; width:40%;line-height:34px; color:rgba(255,255,255,0.5); font-size:18px; background-color:rgba(0,71,53,0.85); padding:20px;
 margin-top:50px;margin-left:100px;}
 
#demo3{ width:100%; margin:0 auto; position:relative;  }
#demo3 .hd{float:left; width:25%; line-height:60px;height:305px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo3 .hd ul{ position:absolute;width:100%;  }
#demo3 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo3 .hd ul li.on{ background:#2a82cd; color:#fff;}
.goodness-table-con2 { position:absolute; top:0px; left:25%;width:75%; height:305px;  background:url(../images/goodness-table-bg2.gif) no-repeat center;} 
.goodness-table-con2 p{ float:left; width:40%;line-height:34px; color:rgba(255,255,255,0.5); font-size:18px; background-color:rgba(00,75,130,0.85); padding:20px;
 margin-top:50px;margin-left:100px;}
 
#demo4{ width:100%; margin:0 auto; position:relative;  }
#demo4 .hd{float:left; width:25%; line-height:60px;height:305px; color:#666;font-size:20px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo4 .hd ul{ position:absolute;width:100%;  }
#demo4 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo4 .hd ul li.on{ background:#ff993d; color:#fff;}
.goodness-table-con3 { position:absolute; top:0px; left:25%;width:75%; height:305px;  background:url(../images/goodness-table-bg3.gif) no-repeat center;} 
.goodness-table-con3 p{ float:left; width:40%;line-height:34px; color:rgba(255,255,255,0.5); font-size:18px; background-color:rgba(196,104,24,0.85); padding:20px;
 margin-top:50px;margin-left:100px;} 
 
  .goodness-btn{ float:left; margin-top:100px;width:20%; margin-left:20px;}
.goodness-btn a{ display:block; background-color:#fff; color:#333; line-height:42px; text-align:center; margin-bottom:20px;}

/*经典案例*/
.case{ background:#fff;padding-bottom:60px;}
.case p{ float:left; width:60%; color:#666;font-size:16px; margin-top:40px; line-height:38px;}
.btn2{display:block;text-align:center;font-size:18px; color:#fff; background-color:#f8aa33; border-radius:6px; width:200px;line-height:50px; margin-top:40px;}
.case-img{ float:right; margin-top:40px; width:40%}
.case-img img{ width:100%;}	

	}

@media (min-width:320px) and (max-width:709px){
		/*产品优势*/
.goodness{ padding-top:20px;}
.goodness h2{ text-align:center; font-size:18px; color:#0aae85; margin-bottom:20px;}
#demo2{ width:100%; margin:0 auto; position:relative;  }
#demo2 .hd{float:left; width:25%; line-height:40px; color:#666;height:205px;font-size:14px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo2 .hd ul{ position:absolute;width:100%;  }
#demo2 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo2 .hd ul li.on{ background:#0aae85; color:#fff;}
.goodness-table-con { position:absolute; top:0px; left:25%;width:75%; height:205px;  background:url(../images/goodness-table-bg1.gif) no-repeat center;} 
.goodness-table-con p{ float:left; width:40%;line-height:16px; color:rgba(255,255,255,0.5); font-size:12px; background-color:rgba(0,71,53,0.85); padding:20px;
 margin-top:6%;margin-left:10px;}
 
#demo3{ width:100%; margin:0 auto; position:relative;  }
#demo3 .hd{float:left; width:25%; line-height:40px;height:205px; color:#666;font-size:14px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo3 .hd ul{ position:absolute;width:100%;  }
#demo3 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo3 .hd ul li.on{ background:#2a82cd; color:#fff;}
.goodness-table-con2 { position:absolute; top:0px; left:25%;width:75%; height:205px;  background:url(../images/goodness-table-bg2.gif) no-repeat center;} 
.goodness-table-con2 p{ float:left; width:40%;line-height:16px; color:rgba(255,255,255,0.5); font-size:12px; background-color:rgba(00,75,130,0.85); padding:20px;
 margin-top:6%;margin-left:10px;}
 
#demo4{ width:100%; margin:0 auto; position:relative;  }
#demo4 .hd{float:left; width:25%; line-height:40px;height:205px; color:#666;font-size:14px; text-align:center; margin-bottom:1px;   position:relative;  }
#demo4 .hd ul{ position:absolute;width:100%;  }
#demo4 .hd ul li{cursor:pointer;width:100%; margin-bottom:1px; background-color:#eeeeee ; }
#demo4 .hd ul li.on{ background:#ff993d; color:#fff;}
.goodness-table-con3 { position:absolute; top:0px; left:25%;width:75%; height:205px;  background:url(../images/goodness-table-bg3.gif) no-repeat center;} 
.goodness-table-con3 p{ float:left; width:40%;line-height:16px; color:rgba(255,255,255,0.5); font-size:12px; background-color:rgba(196,104,24,0.85); padding:20px;
 margin-top:6%;margin-left:10px;} 
 
.goodness-btn{ float:left; margin-top:20%;width:30%; margin-left:20px;}
.goodness-btn a{ display:block; background-color:#fff; font-size:12px; color:#333; line-height:18px; text-align:center; margin-bottom:20px;}
/*经典案例*/
.case{ background:#fff;padding-bottom:20px;}
.case p{ float:left; width:57%;margin-left:3%; color:#666;font-size:12px; margin-top:20px; line-height:18px;}
.case p span{ display:block; height:128px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.btn2{display: block;text-align: center;font-size: 16px;color: #fff;background-color: #f8aa33;border-radius: 6px;width: 120px;line-height:30px;margin-top:20px;}
.case-img{ float:right; margin-top:20px; width:40%}
.case-img img{ width:100%;}	
	}