.title-p1{font-size: .55rem;color: #4b4b4b;line-height: .7rem;}
.title-p2{font-size: .36rem;color: #4b4b4b;font-family: Arial;margin-bottom: .56rem;}

.pro{margin-top: .5rem;margin-bottom: .5rem;}
.pro-a1{display:block;width: 90%;overflow: hidden;margin: 0 auto;}
.pro-a1 img{width: 100%;height: 100%;transition: .2s;}
.pro-a1 img:hover{width: 120%; height: 120%;margin-top: -10%;margin-left: -10%;}
.pro-a2{display: block;line-height: 0.78rem;height: 0.78rem;overflow: hidden;font-size:20px;font-family: Arial;}
.pro-a3{font-size: 14px;line-height: 18px;height: 38px;overflow: hidden;display: block;margin-bottom: 20px;}

.product-box{background: url(../images/bg1.jpg) no-repeat;background-size:100% 100%;padding-top: .68rem;padding-bottom: .7rem;}
.pro-box1{width: 160px;height: 160px;position: relative;overflow: hidden;}
.pro-box1 img{width: 100%;height: 100%;}
.pro-box1-a1{display: block;position: absolute;bottom: 0px;background: #fff;color: #333;opacity: .8;width: 100%;line-height: 42px;height: 42px;text-align: center;font-size: 18px;}
.pro-box1-a1:hover{color: #fff;background: #333;}
.pro-box2{}
.pro-box2-a1{color: #f1f1f1;line-height: 30px;}
.pro-box3{margin-bottom: .6rem;}
.pro-ul{width:100%;}
.pro-ul li{background: url(../images/cicle.png) no-repeat left;padding-left: 18px;line-height: 26px;height: 26px;overflow: hidden;}
.pro-ul li a{color: #fff;font-size: 15px;}
.pro-ul li a:hover{color: #ffd93c;}


.solute{background: url(../images/bg2.jpg) no-repeat; background-size: 100% 100%;padding-top: .68rem;padding-bottom: .7rem;margin-bottom: .2rem;}
.sol-a1{display: block;width: 3rem;height: 3rem;margin: 0 auto;transition: .2s;border-radius: 100%;overflow: hidden;}
.sol-a1 img{width: 100%;height: 100%;transition: .2s;}
.sol-a1 img:hover{width: 120%;height: 120%;margin-top: -10%;margin-left: -10%;box-shadow: 2px 2px 3px #333;}
.sol-a1:hover{box-shadow: 1px 1px 10px #333;}
.sol-ul{font-size: 16px;margin-top: 10px;line-height: 24px;}
.sol-ul li{height: 24px;overflow: hidden;}
.sol-a2{color: #f97f02;line-height: 30px;font-size: 14px;}
.sol-box{margin-top: 10px;}

.about{margin-bottom: .8rem;}
.about-p1{font-size: .5rem;line-height: 1rem;border-bottom: 2px solid #f97f02;display: inline-block;margin-bottom: .5rem;}
.about-a1{display: block;font-size: 14px;margin-bottom: .3rem;}
.about-ul{margin-top: 10px;}
.about-ul li{height: 23px;line-height: 23px;font-size: 14px;background: url(../images/icon10.jpg) no-repeat left;padding-left: 12px;}
.about-ul li a{display: inline-block;width: 65%;overflow: hidden;height: 23px;}
.about-ul li span{font-size: 13px;color: #333;}

.yq-box1{font-size: 16px;padding-left: .2rem;line-height: 24px;padding-top: 12px;padding-bottom: 12px;}
.yq-box1 a{font-size: 14px;padding-left: .3rem;color: #838383;}
.yq-box1 a:hover{color: #f97f02;}
.footer{background: #1f2024;padding-top: .3rem;padding-bottom: .5rem;width: 100%;}
.footer-p1{background: url(../images/line3.jpg) no-repeat bottom left;font-size: 18px;color: #fff;height: 40px;margin-bottom: .3rem;margin-top: .3rem;}
.footer-ul{width: 100%;}
.footer-ul li{display: inline-block;}
.footer-ul li a{color: #a6a6a6;font-size: 14px;}
.footer-p2{font-size: 14px;color: #a6a6a6;}
.footer2{background: #fff;padding:18px 0px;width: 100%;color: #767676;font-size: 13px;}
.footer2 a{font-size: 13px;color: #767676;padding-left: 4px;}
/*媒体查询*/
@media (max-width: 767px) {  
	/*在小于768像素的屏幕里,这里的样式才生效*/ 
   .pro-a1{height: 2.5rem;}
   .pro-box1{margin: 0 auto;}
   .pro-box2{width: 90%;margin: 0 auto;margin-top: 10px;}
   .about-img{width: 100%;height: auto;}
   .footer-ul li{width: 32%;}
   .footer2{padding-bottom: 80px;}
   .topfill{width: 100%;height: 1.4rem;}
}  
@media (min-width: 768px) and (max-width: 991px) {  
	/*在768和991像素之间的屏幕里,这里的样式才生效*/ 
	.pro-a1{height: 3.2rem;}
	.pro-box1{float: left;}
	.pro-box2{width: 10rem;}
	.footer-ul li{width: 48%;}

}  
@media (min-width: 992px) and (max-width: 1199px) {  
	/*在992和1199像素之间的屏幕里,这里的样式才生效*/ 
	.pro-a1{height:180px;}
	.pro-box1{float: left;}
	.pro-box2{width: 260px;}
	.footer-ul li{width: 48%;}

}  
@media (min-width: 1200px) {  
	/*在大于1200像素的屏幕里,这里的样式才生效*/  
	.container{width: 1200px;}
	.pro-a1{height: 200px;}
	.pro-box1{float: left;}
	.pro-box2{width: 380px;}
	.solute .container{width: 1140px;}
	.about-a1{padding-right: 50px;}
	.footer-ul li{width: 48%;}
}