.title{text-align:center;margin:33px 0;line-height:1.8}
.title h2{font-size:32px;color:#40D5FF;background:url(../images/index/title_bg2.jpg) no-repeat center bottom}
.title h4{font-size:18px;color:#7F7F7F;font-weight:normal}
.title2{text-align:center;margin:24px 0;line-height:1.8}
.title2 h2{font-size:32px;color:#fff;background:url(../images/index/title_bg1.jpg) no-repeat center bottom}
.title2 h4{font-size:18px;color:#eee;font-weight:normal}
/*product*/
.iprolist{text-align:center}
.iprolist li{width:190px;position:relative;display:inline-block;background:url(../images/1_17.png) no-repeat center;line-height:38px;margin-bottom:5px}
.iprolist a{color:#333;font-size:12px;display:block;border:1px solid #999;border-radius:5px;background:#eee url(../images/5.png) 2px center no-repeat;background-size:auto 50%;text-indent:15px}
.iprolist a:hover{background:#3FD4FF url(../images/5.png) 2px center no-repeat;border:1px solid #3FD4FF;color:#fff;background-size:auto 50%}
.iproduct{margin-top:30px}
.iproduct li{margin:0 9px 36px;width:280px;float:left;position:relative;border:1px solid #18B88A}
.iproduct a{display:block;height:250px;position:relative}
.iproduct img{display:block;width:100%;height:100%}
.iproduct p{font-size:18px;line-height:40px;position:absolute;bottom:0;color:#fff;text-align:center;width:100%;background:rgba(0,0,0,0.8);transition:0.5s all}
.iproduct li:hover p{line-height:250px}
/*case*/
#case{overflow:hidden;padding-bottom:25px;background:url(../images/index/product_bg.jpg) center}
.picScroll-left1{text-align:center;overflow:hidden;position:relative;margin:0 auto 8px}
.picScroll-left1 .hd{overflow:hidden;height:82px;position:absolute;width:92%;top:50%;margin-top:-41px;left:4%}
.picScroll-left1 .hd .prev,.picScroll-left1 .hd .next{display:block;width:50px;height:82px;background:#005DAD;cursor:pointer}
.picScroll-left1 .hd .next{float:right;background:url(../images/index/next.png) no-repeat;background-size:contain}
.picScroll-left1 .hd .prev{float:left;background:url(../images/index/prev.png);background-size:contain}
.picScroll-left1 .bd{width:auto;margin:0 auto;display:inline-block}
.picScroll-left1 .bd ul li{float:left;_display:inline;overflow:hidden;width:288px;margin:0 10px}
.picScroll-left1 .bd ul li img{display:block;width:100%;height:287px}
.picScroll-left1 .bd ul li p{color:#fff}
.picScroll-left1 .bd ul li a{color:#fff}
.more{display:block;width:184px;line-height:50px;margin:0 auto;text-align:center;background:#fff;font-size:20px;color:#4DD7FE}
.more3{display:block;width:184px;line-height:50px;margin:0 auto 30px;text-align:center;background:#4DD7FE;font-size:20px;color:#fff}
.more:hover,.more2:hover,.more1:hover,.more3:hover{background:#333;color:#fff}
#why{width:1200px;margin:0 auto;position:relative;height:587px}
.title3{width:400px;margin:56px auto;padding:26px 0 12px 0px;background:url(../images/index/why_title_bg.png) no-repeat right center}
.title3 h2{color:#3FD4FE;line-height:1}
.title3 span{font-size:75px}
.title3 p{font-size:68px}
#why li{position:absolute;width:263px;height:304px;box-sizing:border-box;text-align:center;padding:60px 0 0 0;color:#fff;background:url(../images/index/why_bg.png)}
#why li:nth-child(1){top:116px;left:14px}
#why li:nth-child(2){top:233px;left:317px}
#why li:nth-child(3){top:233px;left:617px}
#why li:nth-child(4){top:116px;right:19px}
#why h4{font-size:30px;font-weight:normal;color:#fff;line-height:60px}
#why ul p{line-height:30px;font-size:14px;height:8em;overflow:hidden}
/*ABOUT*/
#about{padding:0px 0 64px 0px;background:url(../images/index/about_bg.jpg) center no-repeat;overflow:hidden}
#about .box1200{background:#fff url(../images/index/about.jpg) no-repeat right center}
.aboutL{width:700px;box-sizing:border-box;padding:1px 30px 0;overflow:hidden}
.aboutL h1{line-height:80px;font-size:30px;font-weight:500;color:#333}
.aboutL p{line-height:30px;text-indent:36px;font-size:14px;max-height:150px;overflow:hidden}
.aboutL a{display:block;width:145px;line-height:40px;background:#3FD4FF;text-align:center;margin:21px 0 21px 1px;color:#fff;font-size:20px}
/*news*/
#news{padding:15px 0 0 0}
#news ul{padding-top:28px}
#news li{width:47.5%;height:120px;box-sizing:border-box;padding:18px 9px;box-shadow:1px 1px 5px #666;margin-bottom:32px}
#news li:nth-child(odd){float:left}
#news li:nth-child(even){float:right}
.date{width:82px;text-align:center;padding:18px 0;line-height:24px;font-size:20px;color:#fff;background:#3FD4FF;float:left;margin-right:20px}
.news dt{border-bottom:1px dotted #666;margin-left:102px}
.news dd{line-height:23px;margin-top:7px;margin-left:102px;height:46px;overflow:hidden}
.more1{display:block;width:180px;line-height:50px;margin:29px auto 57px;text-align:center;background:#4DD7FE;font-size:20px;color:#fff}
/*contact*/
#contact{padding:66px 0 32px 0;background:url(../images/index/contact_bg.jpg) no-repeat center}
.contactL{width:600px;height:251px;box-sizing:border-box;border-right:2px solid #fff;text-align:center;line-height:92px;font-size:36px;font-style:italic;padding-top:38px;font-weight:bold;color:#40D2FF;float:left}
#contact dl{max-width:500px;float:left;margin:-27px 0 0 40px}
#contact dt{font-size:30px;margin-bottom:29px}
#contact dd{line-height:40px;font-size:16px}
#link{line-height:40px;background:#9D9D9D;padding:0 20px}
#link span{color:#000}
#link a{font-size:14px}
@media screen and (min-width:100px) and (max-width:640px) {
	.title{margin:10px 0}
	.title h2{font-size:20px}
	.title2{margin:10px 0}
	.title2 h2{font-size:20px}
	.picScroll-left1{margin:10px 0 0 0}
	.iprolist{display:none}
	.iprolist li{width:47%;float:left;margin:1% 1.5%}
	.iprolist a{font-size:12px;background:#eee;text-indent:0}
	.iproduct{margin-top:20px}
	.iproduct li{width:46%;margin:1% 2%;float:left;box-sizing:border-box}
	.iproduct div{height:0;padding:50% 0;position:relative}
	.iproduct a{position:absolute;width:100%;height:100%;top:0}
	#product{padding-bottom:20px}
	.more,.more1{font-size:20px;margin:20px auto}
	.more3{font-size:20px;margin:0 auto 30px}
	#why{display:none}
	.aboutL h1{font-size:20px;color:#fff;line-height:40px}
	.aboutL{width:100%;padding:0 10px;color:#fff}
	.aboutL p{font-size:14px;line-height:21px;height:105px;overflow:hidden}
	#about .box1200{background:transparent}
	#about{background-position:left;overflow:hidden;padding-bottom:10px}
	#news li{float:none !important;width:96%;margin:2% 2%}
	.news dd{font-size:12px;margin-left:70px}
	.news dt a{font-size:14px}
	.date{font-size:14px;width:60px;margin-right:10px}
	.news dt{margin-left:70px}
	#contact{padding:20px 0}
	.contactL{display:none}
	#contact dl{padding:0 15px 0;margin:0}
	#contact dt{font-size:20px;margin-bottom:0}
	#contact dd{font-size:14px;line-height:28px}
	#footer ul{display:none}
	.iproduct p{font-size:12px}
}