.device{width:100%;padding:30px 0;height: 380px;}
.device-content{width: 1300px;    height: 264px;padding-top: 10px;padding-bottom: 30px;}
.device-content dl{width: 165px;margin:0 10px;float: left;box-shadow: -3px 3px 3px #ccc;}
.device-content dl:hover img{transform: scale(1.1);}
.device-content dl dt{width: 165px;height: 149px;overflow: hidden;}
.device-content dl dt a{display: inline-block;}
.device-content dl dt a img{width: 165px;height: 149px;transition: all 1s;}
.device-content dl dd{width: 100%;line-height: 46px;height: 46px;text-align: center;
background:url('/images/play2.png') no-repeat 125px center}
.device-content dl dd a{color: #333;font-size: 16px;}



.device-content dl:nth-child(1) dd{background-color: #f0f0f0;}
.device-content dl:nth-child(2) dd{background-color: #febb51;}
.device-content dl:nth-child(3) dd{background-color: #9adfff;}
.device-content dl:nth-child(4) dd{background-color: #fd9fac;}
.device-content dl:nth-child(5) dd{background-color: #d1c6ff;}
.device-content dl:nth-child(6) dd{background-color: #c0ffd9;}


.abouta{width: 100%;height: 500px;background-color: #f4f4f4;padding:50px 0;}
.abouta1{width: 500px;height: 400px;float: left;margin-top:10px;}
.abouta11{width: 500px;height: 90px;margin-bottom:20px;}
.abouta11 h1{    font-size: 30px;  line-height: 40px;  letter-spacing: 2px;}
.abouta11 h5{font-size: 12px;    letter-spacing: 0.6px;}
.abouta11 em{height: 3px;width: 20px;background-color: #f5a522;display: inline-block;}
.abouta12{width: 500px;}
.abouta12 p{font-size: 16px;line-height:24px;letter-spacing: 0px;color: #514947;}
.abouta12 .more{width: 100px;height: 30px;background-color: #f5a522;text-align:center;margin-top: 20px;}
.abouta12 .more a{font-size: 14px;color: #fff;line-height:32px;}

.abouta2{width: 650px;height: 400px;float: right;}
.abouta2 img{width: 650px;height: 400px;}


.pro{width: 100%;height:680px;padding:50px 0;}
.pro-content{width: 1200px;height: 500px;}
.pro-content dl{width: 220px;margin:0 10px;float:left;height: 220px;margin-bottom: 30px;}
.pro-content dl dt{width: 220px;height:180px;position: relative;overflow: hidden;cursor: pointer;}
.pro-content dl dt img{width: 220px;height:180px;transition: all 0.8s;}
.pro-content dl dt:hover img{transform: scale(1.1);}
.pro-content dl dt .pro-content1{position: absolute;width: 220px;height: 30px;
    bottom:0px;left:0px; background-color: rgba(255,255,255,0.8);text-align: center;}
.pro-content dl dt .pro-content1 a{color: #000;line-height: 30px;display: inline-block;}
.pro-content dl dd {width: 220px;height: 60px;padding:15px 30px;text-align: center;}
.pro-content dl dd a{width: 80px;height: 30px;line-height: 30px;background-color:#f5a522;
font-size: 12px;border-radius: 10px;color: #fff;    display: inline-block;text-align: center;}


.customer{width: 100%;height:550px;background-color: #f1f6fc;padding:60px 0;}
.customer .container{position: relative;    height:480px;}
.customer1{width:360px;height: 440px;float: left;overflow: hidden;cursor: pointer;position: relative;}
.customer1 img{width:100%;height:100%;}
.customer2{    width: 780px;
    height: 200px;
    float: right;
    margin-right: 20px;}
.customer2 .common-title{margin-top:0px;}
.customer-content{}
.customer-content p{ color: #333;line-height: 22px;letter-spacing: 1px;font-size: 14px;margin-bottom: 15px;}

.customer3{position:absolute;bottom: 40px;right: 0px;width:820px;height: 237px;z-index:999;}
.customer3 li{width:180px;float: left;height: 237px;margin:0 12px;box-shadow: 0 0 5px #999;overflow: hidden;cursor: pointer;}
.customer3 li:hover img{transform: scale(1.1);}
.customer3 li img{width:100%;height: 100%;transition: all 1s;}