.content{position: relative;}
.content h1{font-family: 'Poppins-Medium';padding: 90px 0 35px;text-align: center;font-size: 30px;color: #111111;}
.content a.more{display: inline-block;text-align: center;font-family: 'Poppins-Medium';padding: 0 28px;height: 60px;border-radius: 30px;line-height: 60px;background: #2868c9;color: #fff;margin: 50px auto 80px;}

.content .about{padding-top: 70px;background: url(../images/index_about_bg.png) no-repeat center 70px;text-align: center;}
.content .about .desc{text-align: center;font-size: 16px;line-height: 28px;color: #666666;font-family: 'Poppins-Light';padding-top: 21px;}

.content .products{background: #f7f7f7;text-align: center;}
.content .products h1{padding: 76px 0 18px;}
.content .products .cate{text-align: center;border-bottom: 1px solid #e9e9e9;margin-bottom: -1px;}
.content .products .cate .inner{margin-bottom: -1px;}
.content .products .cate a{display: inline-block;padding: 0 22px;font-family: 'Poppins-SemiBold';text-transform: uppercase;font-size: 16px;line-height: 54px;color: #999999;margin: 0 15px;}
.content .products .cate a.on{color: #2868c9;border-bottom: 2px solid #2868c9;}
.content .products .cate a:hover{color: #2868c9;border-bottom: 2px solid #2868c9;}
.content .products .list{padding-top: 50px;}
.content .products .list .copy{float: left;margin-left: 22px;width: 302px;height: 249px;position: relative;}
.content .products .list .copy:first-child{margin-left: 0px;width: 630px;height: 519px;}
.content .products .list .copy:nth-child(2),.content .products .list .copy:nth-child(3){margin-bottom: 22px;}
.content .products .list .copy .desc{position: absolute;display: inline-block;left: 0;top: 0;width: 100%;height: 100%;background: rgba(40,104,201,0.9);opacity: 0;transition: all 0.5s;}
.content .products .list .copy:hover .desc{opacity: 1;}
.content .products .list .copy.on .desc{opacity: 1;}
.content .products .list .copy .desc .name{font-size: 16px;line-height: 24px;color: #fff;margin-top: 29%;margin-bottom: 15px;height: 45px;overflow: hidden;font-family:'Poppins-Light';padding: 0 10px;}
.content .products a.more{background:none;color: #666666;border: 1px solid #cccccc;margin-bottom: 85px;transition: all 0.5s;}
.content .products a.more:hover{background:#2868c9;color: #fff;border: 1px solid #2868c9;}

.content .application h1{padding: 75px 0 31px;}
.content .application .copy.fl{width: 25%;position: relative;}
.content .application .copy .desc{width:calc( 100% - 60px );height: 100%;background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;color: #fff;text-align: left;padding: 0 30px;transition: all 1s;}
.content .application .copy .desc:hover{background: rgba(40,104,201,0.9);}
.content .application .copy.on .desc{background: rgba(40,104,201,0.9);}
.content .application .copy .desc .name{font-size: 22px;line-height: 60px;margin-top: 153%;transition: all 1s;}
.content .application .copy .desc:hover .name{margin-top: 10%;}
.content .application .copy.on .desc .name{margin-top: 10%;}
.content .application .copy .desc .msg{font-size: 14px;line-height: 22px;font-family: 'Poppins-Light';margin-top: 5px;opacity: 0;transition: all 1s;}
.content .application .copy .desc:hover .msg{opacity: 1;}
.content .application .copy.on .desc .msg{opacity: 1;}
.content .application .copy .desc a{font-size: 14px;line-height: 45px;font-family: 'Poppins-Medium';color: #fff;border-bottom: 1px solid #fff;position: absolute;left: 30px;opacity: 0;bottom: 50%;transition: all 1s;}
.content .application .copy .desc:hover a{opacity: 1;bottom: 45px;}
.content .application .copy.on .desc a{opacity: 1;bottom: 45px;}
.content .application .copy .desc a img{padding-left: 67px;}

.content .quality{text-align: center;}
.content .quality h1{padding-bottom: 12px;}
.content .quality .desc{font-size: 16px;color: #666666;text-align: center;font-family: 'Poppins-Light';padding-bottom: 45px;}
.content .quality .slideBox0{width: 100%;/*height: 525px;*/position: relative;}
.content .quality .slideBox0 .bd li.img{position: relative;}
.content .quality .slideBox0 .bd li.img .hoverbg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25);}
.content .quality .slideBox0 .bd li.img .hoverbg a{display: inline-block;width: 55%;color: #fff;text-align: left;position: absolute;right: 10%;bottom: 8.5%;font-family: 'Poppins-Light';font-size: 16px;line-height: 26px;}
.content .quality .slideBox0 .bd li.img .hoverbg a img{margin-left: 10px;}
.content .quality .slideBox0 .hd{position: absolute;left: 0!important;bottom: 0;border-right: 1px solid rgba(255,255,255,0.3);height: 100%;background: -webkit-linear-gradient(left,rgba(0,0,0,0.75),rgba(0,0,0,0));background: -o-linear-gradient(right,rgba(0,0,0,0.75),rgba(0,0,0,0));background: -moz-linear-gradient(right,rgba(0,0,0,0.75),rgba(0,0,0,0));background: linear-gradient(to right,rgba(0,0,0,0.75),rgba(0,0,0,0));width: 28%;}
.content .quality .slideBox0 .hd ul{height: 100%;}
.content .quality .slideBox0 .hd li{font-family:'Poppins-Light';font-size: 22px;height: 16.6%;color: #cacaca;text-align: left;cursor: pointer;transition: all 0.5s;}
.content .quality .slideBox0 .hd li img{margin: 0 34px 0 40px;opacity: 0;transition: all 0.5s;}
.content .quality .slideBox0 .hd li.on{color: #fff;}
.content .quality .slideBox0 .hd li.on img{opacity: 1;}
.content .quality .slideBox0 .hd li:hover{color: #fff;}
.content .quality .slideBox0 .hd li:hover img{opacity: 1;}
.content .quality a.more{background: none;color: #2868c9;border: 1px solid #2868c9;margin: 55px auto 90px;transition: all 0.5s;}
.content .quality a.more:hover{background:#2868c9;color: #fff;}

@media screen and (max-width: 1300px) {
	.content .products .list .copy{width: 258px;height: 211px;}
	.content .products .list .copy:first-child{width: 540px;height: 444px;}
	.content .products .list .copy .desc .name{margin-top: 25%;}
	.content .quality .slideBox0 .hd li img{margin: 0 9px 0 15px;width: 35px;height: 35px;}
	.content .quality .slideBox0 .hd li{font-size: 20px;}
}
@media screen and (max-width: 1140px) {
	.content .products .list .copy{width: 226px;height: 190px;}
	.content .products .list .copy:first-child{width: 484px;height: 402px;}
}
@media screen and (max-width: 1020px) {
	.content .products .cate a{padding: 0 15px;margin: 0 1px;}
	.content .products .list .copy{width: 160px;height: 132px;}
	.content .products .list .copy:first-child{width: 345px;height: 285px;}
	.content .products .list .copy .desc .name{font-size: 14px;margin-top: 20%;margin-bottom: 10px;}
	.content .products .list .copy:first-child .desc .name{margin-top: 30%;}
	.content .products .list .copy .desc img{width: 25px;height: 25px;}
	.content .quality .slideBox0 .hd li{font-size: 14px;}
	.content .quality .slideBox0 .hd li img{width: 25px;height: 25px;}
	.content .quality .slideBox0 .bd li.img .hoverbg a{font-size: 14px;}
	.content .application .copy .desc .name{font-size: 17px;margin-top: 180%;line-height: 100%;}
	.content .application .copy .desc:hover .name{margin-top: 15%;}
	.content .application .copy .desc a{line-height: 100%;}
	.content .application .copy .desc:hover a{bottom: 25px;}
	.content .application .copy .desc a img{padding-left: 10px;}
	.content a.more{margin: 30px 0 50px;}
	.content .products a.more{margin-bottom: 55px;}
	.content .quality a.more{margin: 35px 0 50px;}
	.content .about{padding-top: 30px;background: url(../images/index_about_bg.png) no-repeat center 30px;}
	.content h1{padding: 30px 0 15px;}
	.content .products h1{padding: 30px 0 15px;}
	.content .application h1{padding: 30px 0 15px;}
}
@media screen and (max-width: 750px) {
	.content .products .cate a{padding: 0 6px;}
	.content .products .list .copy{width: 49.5%;height: auto;margin: 0!important;margin-bottom: 5px!important;}
	.content .products .list .copy:first-child{width: 100%;height: auto;}
	.content .products .list .copy:nth-child(3),.content .products .list .copy:nth-child(5){float: right;}
	.content .application .copy.fl{width: 50%;}

	.content .quality .slideBox0 .hd li{font-size: 12px;}
	.content .quality .slideBox0 .hd li img{width: 15px;height: 15px;margin: 0 5px;}
	.content .quality .slideBox0 .bd li.img .hoverbg a{font-size: 12px;}
	.content a.more{height: 40px;line-height: 40px;}
}
@media screen and (max-width: 520px) {
	.content .products .list .copy:first-child .desc .name{margin-top: 18%;}
	.content .products .list .copy:first-child .desc .name{margin-top: 25%;}
	.content .products .list .copy .desc img{width: 15px;height: 15px;}
	.content h1{font-size: 22px;}
	.content .about .desc{font-size: 12px;line-height: 20px;padding-top: 0;}
	.content .products .cate a{font-size: 13px;line-height: 34px;}
	.content .products .list{padding-top: 20px;}
	.content .about{padding-top: 10px;background: url(../images/index_about_bg.png) no-repeat center 10px;}
	.content a.more,.content .quality a.more{margin: 10px 0 30px;}
	.content .products a.more{margin-bottom: 30px;}
	.content .application .copy .desc .name{font-size: 13px;}
	.content .application .copy .desc .msg{font-size: 12px;}
	.content .quality .desc{font-size: 14px;padding-bottom: 20px;}
	.content a.more, .content .quality a.more,.content .products a.more{font-size: 13px;}
	.content .quality .slideBox0 .hd li{overflow: hidden;}
	.content .quality .slideBox0 .hd li img{margin: 0 2px;}
	.content .quality .slideBox0 .bd li.img .hoverbg a{right: 2%;bottom: 2%;line-height: 20px;width: 60%;}
}