@charset "utf-8";

/*产品列表*/
.proListBox{width: 1200px; margin: 0 auto;text-align: center;}
.proName{padding: 70px 0; }
.proName h3{font-size: 32px; font-weight: normal;line-height: 60px;}
.proName p{color: #666; line-height: 26px;}
.proList{width: 1200px; display: -webkit-flex; display: flex;-webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap;}
.proList li{ width: 365px; height: 450px; background-color: #fff; padding: 60px 30px; box-sizing: border-box; margin-bottom: 40px;box-shadow:0px 0px 10px #bdbbbb; cursor: pointer; /*margin: 20px 15px;*/ transition:  all 0.1s ease-in-out; }
.proList li i{width: 100px; height: 100px; display: block; margin: 0 auto; line-height: 100px; color: #fff; font-size: 50px; border-radius: 50%; background-color: #118EEA;}
.proList li b{font-size: 20px; font-weight: bold; margin: 20px auto; display: block; color: #666;}
.proList li a{display: block; width: 160px; height: 40px; color: #118EEA; border: 1px solid #118EEA; border-radius: 20px; line-height: 40px; font-size: 16px; margin: 30px auto;}
.proList li p{height: 84px; overflow: hidden; line-height: 28px;}

.proList li:hover{ background-color: #118EEA; color: #fff; margin-top: -10px;}
.proList li:hover i{background-color: #fff; color: #118EEA;}
.proList li:hover b{color: #fff;}
.proList li:hover a{color: #fff; border-color: #fff;}
.proList:after{width: 365px; height: 0; content: "";}


/*产品详情*/
.proDetail{width: 1200px; margin: 30px auto; background-color: #fff; padding: 20px 30px 40px 30px; box-sizing: border-box;}
.proDetail h3{font-size: 32px; text-align: center; line-height: 60px; font-weight: normal; color: #333;}
.proDetail b{display: block; line-height: 30px; text-align: center; color: #999;}
.proDetail b font{margin: 0 20px;}
.proContent{border-top: 1px solid #e8e8e8;margin: 30px auto; padding: 30px 0;}
.proContent p{line-height: 26px; color: #666;}