.common{width: 100%;height: 60px;margin-top: 20px;margin-bottom: 20px;}
.common-title{width:200px;height: 60px;float: left;}
.common-title span{font-size: 22px;color:#333333;letter-spacing: 1px;line-height: 38px;}
.common-title p{font-size: 12px;color:#666666;text-transform:uppercase}

.common-cate{width: auto;height:60px;float:right;}
.common-cate li{width:auto;padding:0 15px;float: left;height:60px;}
.common-cate li a{font-size:16px;line-height: 60px;color:#999999;}

.product{margin:30px 0;width: 100%;}

.product-content{width: 1080px;margin: 0 auto;height: 330px;position: relative;}
.product-content dl{width:330px;float: left;border:1px solid #eeeeee;border-radius: 6px;height: 300px;margin:0 15px;position: relative;padding:10px;cursor: pointer;}
.product-content dl:hover{border:1px solid #007cd3;}
.product-content dl dt{text-align: center;position: relative;}
.product-content dl dt img{width:260px;height: 174px;margin-top: 10px;margin-bottom: 10px;border-radius: 10px;}
.product-type{width: 100%;text-align: left;}
.product-type span{width: 100%;color:#333333;font-size: 16px;    display: block;    line-height: 30px;}
.product-type p{width: 100%;color:#999999;font-size: 12px;}
.product-content dl dd{width: 100%;text-align: center;height:40px;padding: 10px 0;}
.product-content dl dd span{font-size: 14px;color: #999999;}




.button{position: absolute;cursor: pointer;width:24px;height: 60px;line-height: 60px;font-size:18px;background-color:#000008;color: #fff;text-align: center;}
#LeftButton1{top: 140px;left: -60px;}
#RightButton1{top: 120px;right: -60px;}


.about{width: 100%;height:600px;background:url('../images/about-bg.jpg') no-repeat center center;padding:90px 0;}

.about-left{width: 600px;height: auto;float: left;}
.about-title{width: 100px;height: 80px;}
.about-title span{font-size: 24px;color: #fff;}
.about-title p{font-size: 12px;color: #fff;}
.about-content{}
.about-content p{color: #fff;font-size: 14px;line-height: 26px;margin-bottom: 10px;}

.more{width: 160px;height: 40px;text-align: center;}
.more a{display: block;line-height: 40px;color:#007ece;background-color: #fff;margin-top: 30px;}


.cases{width: 100%;height: auto;overflow: hidden;}

.cases-content{width: 1200px;height: 330px;clear: both;}
.cases-content dl{width:330px;float: left;border-radius: 6px;height: 330px;margin-right:30px;position: relative;padding:10px;
cursor: pointer;}
.cases-content dl dt{text-align: center;position: relative;}
.cases-content dl dt img{width:260px;height: 230px;}
.cases-content dl dd{width: 100%;text-align: center;}
.cases-content dl dd span{font-size: 18px;color: #333333;display:block;letter-spacing: 1px; line-height: 30px;}
.cases-content dl dd a{color: #999999;font-size: 12px;}



.news{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.news-con{width: 100%;height:auto;overflow: hidden;}
.news-con1{position: relative;width: 375px;height: 330px;float: left;}
.news-con1 img{width: 375px;height: 330px;}
.news-con11{position: absolute;width: 100%;left:0;bottom: 0;height: 40px;
background-color:rgba(30,30,30,0.8);padding-left: 15px;}

.news-con11 p{font-size: 14px;color: #fff;display: inline-block;line-height: 40px;}
.news-con11 a{width: 40px;height: 40px;background-color:#007cd3;text-align: center;line-height: 40px;font-size: 20px;color: #ffffff;
position: absolute;right: 0;display: block;top:0;
}

.news-con2{width: 780px;float: right;}
.news-con2 dl{width: 360px;float: left;margin-right:40px;}
.news-con2 dl:nth-child(2n){margin-right: 0px;}
.news-con2 dl:nth-child(1){margin-bottom: 30px;}
.news-con2 dl:nth-child(2){margin-bottom: 30px;}
.news-con2 dl dt{width: 100%;height: 126px;}
.news-con2 dl dt a{font-size:16px;color: #666;width: 100%;    display: inline-block;
    margin-bottom: 15px;}
.news-con2 dl dt p{font-size:12px;color: #999;line-height: 20px;}
.news-con2 dl dd span{font-size:18px;color: #333333;}
.news-con2 dl dd a{font-size:12px;color:#999999;float: right;}