@charset "utf-8";
/* CSS Document */



.product{ width: 1200px; margin: 0 auto;}
.title{ width: 100%; overflow: hidden; margin-top: 35px; height: 80px; line-height: 80px; font-size: 28px; color: #000; font-weight: bold;}
.title ul{ float: right;}
.title ul li{ float: right; height: 80px; line-height: 80px; font-weight: normal; font-size: 18px;}
.title ul li a{ font-weight: normal; color: #434344; font-size: 18px; display: inline-block; line-height: 80px;}
.title .more{ float: right; display: inline-block; height: 80px; line-height: 80px; font-size: 18px; color: #272727; margin-left: 15px; font-weight: normal;}

.layer ul{ overflow: hidden;}
.layer ul li{ float: left; width: 380px; height: 480px; position: relative; border-radius:10px; overflow: hidden; margin-right: 30px; margin-bottom: 20px;}
.layer ul li:last-child{ float: right; margin-right: 0;}
.layer ul li img{ width: 100%; height: 100%;}
.layer ul li .qj{display: block; width: 122px; height: 34px; border-radius:5px; padding-left: 48px; background:url(../images/a1.png) 10px center no-repeat  rgba(0,0,0,0.6); box-sizing: border-box; border-radius:5px; position: absolute; right: 10px; top: 20px; line-height: 34px; color: #fff; font-size: 16px;}
.layer ul li .text{ position: absolute; width: 100%; height: 115px; background: rgba(0,0,0,0.6); bottom: 0; left: 0;}
.layer ul li .text .text_Left{ float: left; width: 270px; position: relative; height: 115px;}
.layer ul li .text .text_Left .text_box{ left: 45px; top: 50%; transform: translateY(-50%); display: inline-block; position: absolute;}
.layer ul li .text .text_Left .text_box h2{ font-size: 24px; color: #fff; font-weight: bold; padding-bottom: 12px;}
.layer ul li .text .text_Left .text_box p{ font-size: 16px; color: #fff;}
.layer ul li .text dl{ position: absolute; right: 50px; top: 50%; transform: translateY(-50%); overflow: hidden;}
.layer ul li .text dl dd{ float: right; width: 120px; height: 85px; margin-left: 10px; border-radius:5px; overflow: hidden;}
.layer ul li .text dl dd img{ width: 100%; height: 100%;}

.layer ul:nth-child(2) li{ height: auto;}
.layer ul:nth-child(2) li .icon{height: 300px; width: 100%;}
.layer ul:nth-child(2) li .icon img{ width: 100%; height: 100%;}
.layer ul:nth-child(2) li .wz{ width: 100%; height: 85px; background: #fff; padding-left: 30px; box-sizing: border-box;}
.layer ul:nth-child(2) li .wz h2{ line-height: 54px; font-size: 24px; color: #000;}
.layer ul:nth-child(2) li .wz p{ font-size: 16px; color: #272727;}

.about{ width: 1200px; margin: 0 auto; overflow: hidden;}
.about .bd{ float: left; width: 900px; height: 380px;}
.about .bd .nr_box{ width: 100%; height: 100%;}
.about .bd .nr_box img{ width: 100%; height: 100%;}
.about .hd{ float: right; width: 285px; height: 380px; background: #178fff;}
.about .hd ul li{ width: 100%; height: 95px; text-align: center; line-height: 95px; font-size: 24px; color: #fff; cursor: pointer;}
.about .hd ul li a{color: #fff;}
.about .hd ul li:hover{ background: #4eaaff;}

.peo{ width: 1200px; margin: 0 auto;}
.peo ul{ overflow: hidden;}
.peo ul li{ width: 285px; margin-right: 20px; float: left;}
.peo ul li:last-child{ margin-right: 0;}
.peo ul li .icon{ width: 100%; height: 366px;}
.peo ul li .icon img{ width: 100%; height: 100%;}
.peo ul li .text{ width: 100%; height: 95px; background: #fff;}
.peo ul li .text .text_left{ float: left; width: 170px; padding-left: 15px;}
.peo ul li .text .text_left h2{ line-height: 55px; font-size: 24px; color: #333;}
.peo ul li .text .text_left p{ font-size: 16px; color: #333;}
.peo ul li .text .text_right{ float: right; width: 55px; height: 100%; margin-right: 15px; position: relative;}
.peo ul li .text .text_right img{ width: 100%; top: 50%; transform: translateY(-50%); display: block; position: absolute;}

.about2{ width: 1330px; height: 350px; background: #fff; margin: 65px auto 120px auto;}
.about2 h2{ padding: 35px 0 15px 0; text-align: center; font-size: 32px; line-height: 32px; color: #3f3f3f;}
.about2 p{ text-align: center; font-size: 18px; color: #333;}
.about2 ul{ text-align: center; padding-top: 35px;}
.about2 ul li{ display: inline-block; margin: 0 30px;}