|
@@ -1,3 +1,4 @@
|
|
|
|
+
|
|
*{box-sizing: border-box;}
|
|
*{box-sizing: border-box;}
|
|
.clear_line{width:100%;height:1px;}
|
|
.clear_line{width:100%;height:1px;}
|
|
#technology{width:100%;height:420px;box-shadow: 0 8px 8px 0 #E4E4E4;}
|
|
#technology{width:100%;height:420px;box-shadow: 0 8px 8px 0 #E4E4E4;}
|
|
@@ -47,12 +48,19 @@ background-size: 1200px 215px;margin:0 auto;position: relative;}
|
|
.industry{background: #ffffff;overflow: hidden;margin-bottom: 30px;}
|
|
.industry{background: #ffffff;overflow: hidden;margin-bottom: 30px;}
|
|
.industry_left{float: left;width: 300px;height:1000px;text-align: center;
|
|
.industry_left{float: left;width: 300px;height:1000px;text-align: center;
|
|
padding-top: 40px;background: #2a9ee2;}
|
|
padding-top: 40px;background: #2a9ee2;}
|
|
|
|
+
|
|
|
|
+body{background: #f5f5f5;}
|
|
|
|
+.container{width: 1200px;}
|
|
|
|
+.industry{background: #ffffff;overflow: hidden;margin-bottom: 30px;}
|
|
|
|
+.industry_left{float: left;width: 300px;text-align: center;padding-top: 40px;background: #2a9ee2;height: 100%;}
|
|
|
|
+
|
|
.industry_left h3{font-size: 24px;margin-bottom: 22px;color: #FFFFFF;font-weight:normal;}
|
|
.industry_left h3{font-size: 24px;margin-bottom: 22px;color: #FFFFFF;font-weight:normal;}
|
|
.industry_left ul li a{font-size:16px ;color: #ffffff;}
|
|
.industry_left ul li a{font-size:16px ;color: #ffffff;}
|
|
.industry_left ul li{line-height: 36px;height: 36px;}
|
|
.industry_left ul li{line-height: 36px;height: 36px;}
|
|
.title_details{width: 840px;clear: both;margin-bottom: 36px;}
|
|
.title_details{width: 840px;clear: both;margin-bottom: 36px;}
|
|
.industry_right{float: left;padding-left: 30px;width: 870px;}
|
|
.industry_right{float: left;padding-left: 30px;width: 870px;}
|
|
.title_details ol {width: 100%;overflow: hidden;border-bottom: 1px solid #CCCCCC;}
|
|
.title_details ol {width: 100%;overflow: hidden;border-bottom: 1px solid #CCCCCC;}
|
|
|
|
+
|
|
.title_details ol li{float: left;padding-left: 12px;padding-right: 12px;
|
|
.title_details ol li{float: left;padding-left: 12px;padding-right: 12px;
|
|
font-size: 24px;color: #333333;border-bottom: 1px solid transparent;
|
|
font-size: 24px;color: #333333;border-bottom: 1px solid transparent;
|
|
line-height: 50px;cursor: pointer;}
|
|
line-height: 50px;cursor: pointer;}
|
|
@@ -61,11 +69,18 @@ background-size: 1200px 215px;margin:0 auto;position: relative;}
|
|
.checked_no{display:none;}
|
|
.checked_no{display:none;}
|
|
.main_details ul{overflow: hidden;}
|
|
.main_details ul{overflow: hidden;}
|
|
.main_details ul li{width: 260px;height:380px;float: left;position: relative;z-index: 10;box-shadow: 0 0 15px #CCCCCC;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;}
|
|
.main_details ul li{width: 260px;height:380px;float: left;position: relative;z-index: 10;box-shadow: 0 0 15px #CCCCCC;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;}
|
|
|
|
+
|
|
|
|
+.title_details ol li{float: left;padding-left: 12px;padding-right: 12px;font-size: 24px;color: #333333;border-bottom: 1px solid transparent;line-height: 50px;}
|
|
|
|
+.act{color:#074d88 !important;border-bottom: 1px solid #074d88!important;}
|
|
|
|
+.main_details ul{overflow: hidden;}
|
|
|
|
+.main_details ul li{width: 260px;float: left;position: relative;z-index: 10;box-shadow: 0 0 15px #CCCCCC;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;}
|
|
|
|
+
|
|
.main_details ul li img{;width: 260px;}
|
|
.main_details ul li img{;width: 260px;}
|
|
.main_details ul li .details_fix{position: absolute;top: 145px;background: rgba(131,146,145,0.5);z-index: 12;width: 260px;height: 70px;text-align: center;color: #FFFFFF;}
|
|
.main_details ul li .details_fix{position: absolute;top: 145px;background: rgba(131,146,145,0.5);z-index: 12;width: 260px;height: 70px;text-align: center;color: #FFFFFF;}
|
|
.details_fix p{line-height: 25px;}
|
|
.details_fix p{line-height: 25px;}
|
|
.details_fix p:first-child{margin-top: 10px;}
|
|
.details_fix p:first-child{margin-top: 10px;}
|
|
.details_fix p span{color: #333333;margin-left: 5px;}
|
|
.details_fix p span{color: #333333;margin-left: 5px;}
|
|
|
|
+
|
|
.details_text{width:260px;padding-top:10px ;position: absolute;left: 0;bottom:0px;}
|
|
.details_text{width:260px;padding-top:10px ;position: absolute;left: 0;bottom:0px;}
|
|
.details_text p{width: 200px;margin:5px auto;color: #f68705;font-size: 16px;}
|
|
.details_text p{width: 200px;margin:5px auto;color: #f68705;font-size: 16px;}
|
|
.details_text p span{color: #333333;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;}
|
|
.details_text p span{color: #333333;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;}
|
|
@@ -76,6 +91,14 @@ background-size: 1200px 215px;margin:0 auto;position: relative;}
|
|
margin-right: 30px;margin-bottom: 16px;margin-top:15px;}
|
|
margin-right: 30px;margin-bottom: 16px;margin-top:15px;}
|
|
|
|
|
|
.pagination_box{width: 840px;}
|
|
.pagination_box{width: 840px;}
|
|
|
|
+
|
|
|
|
+.details_text{width:260px;padding-top:10px ;}
|
|
|
|
+.details_text p{width: 200px;margin:5px auto;color: #f68705;font-size: 16px;}
|
|
|
|
+.details_text p span{color: #333333;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;}
|
|
|
|
+.details_text p b{font-weight:normal;color: #333333;width:160px;height:40px ;display: inline-block;vertical-align: top; }
|
|
|
|
+.details_text a{width: 80px;height: 26px;display: inline-block;background: #ffb200;border-radius: 10px;float: right;line-height: 26px;text-align: center;color: #ffffff;margin-right: 30px;margin-bottom: 16px;}
|
|
|
|
+
|
|
|
|
+.pagination_box{width: 600px;margin-bottom: 50px;}
|
|
.pagination_box .totalCount{ float:right; line-height: 74px;margin-right: 20px;color: #999;}
|
|
.pagination_box .totalCount{ float:right; line-height: 74px;margin-right: 20px;color: #999;}
|
|
.pagination_box .pagination{float: right;}
|
|
.pagination_box .pagination{float: right;}
|
|
.pagination_box .pagination li{float: left;}
|
|
.pagination_box .pagination li{float: left;}
|
|
@@ -88,7 +111,7 @@ background-size: 1200px 215px;margin:0 auto;position: relative;}
|
|
.channel ul{overflow: hidden;margin-top: 65px;margin-left: 10px;}
|
|
.channel ul{overflow: hidden;margin-top: 65px;margin-left: 10px;}
|
|
.channel ul li{width: 195px;float: left;height: 195px;margin-left: 40px;}
|
|
.channel ul li{width: 195px;float: left;height: 195px;margin-left: 40px;}
|
|
.channel ul li:first-child{margin-left: 0;}
|
|
.channel ul li:first-child{margin-left: 0;}
|
|
-.channel ul li a{color: #ffffff;font-size: 20px;line-height: 195px;height: 195px;display: inline-block;width: 195px;display: inline-block;}
|
|
|
|
|
|
+.channel ul li a{color: #ffffff;font-size: 20px;line-height: 195px;height: 195px;display: inline-block;width: 195px;}
|
|
.channel ul li:nth-child(2n+1){background: url(../../img/Technology_25.png)no-repeat center;}
|
|
.channel ul li:nth-child(2n+1){background: url(../../img/Technology_25.png)no-repeat center;}
|
|
.channel ul li:nth-child(2n){background: url(../../img/Technology_26.png)no-repeat center;margin-top: 50px;}
|
|
.channel ul li:nth-child(2n){background: url(../../img/Technology_26.png)no-repeat center;margin-top: 50px;}
|
|
.checkd{display:block;}
|
|
.checkd{display:block;}
|
|
@@ -109,4 +132,3 @@ background-size: 1200px 215px;margin:0 auto;position: relative;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|