|
@@ -404,14 +404,557 @@
|
|
|
|
|
|
|
|
|
/* 右侧 */
|
|
|
-.wrapperRight div{
|
|
|
-
|
|
|
+.wrapperRight {
|
|
|
+ float: right;
|
|
|
+ width: 224px;
|
|
|
+}
|
|
|
+.wrapperRight .memo>div{
|
|
|
+ width: 100%;
|
|
|
+ height: 58px;
|
|
|
+ line-height: 58px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #ffffff;
|
|
|
+ background: url(../../../img/newMenu/serves_29.png) no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+.wrapperRight .memo{
|
|
|
+ border: 1px solid #efefef;
|
|
|
+ padding-bottom: 38px;
|
|
|
+}
|
|
|
+.wrapperRight .memo h4{
|
|
|
+ font-size: 18px;
|
|
|
+ color: #393838;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ height: 30px;
|
|
|
+}
|
|
|
+.wrapperRight .memo h4 strong{
|
|
|
+ font-size: 24px;
|
|
|
+ color: #ff580e;
|
|
|
+ vertical-align: top;
|
|
|
+ margin-top: 6px;
|
|
|
+ font-weight:550
|
|
|
+}
|
|
|
+.wrapperRight .memo ul{
|
|
|
+ padding:20px 12px 0;
|
|
|
+}
|
|
|
+.wrapperRight .memo ul li{
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+ margin-top: 4px;
|
|
|
+}
|
|
|
+.wrapperRight .memo ul li a{
|
|
|
+ color: #7a7878;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.wrapperRight .memo ul li a::before{
|
|
|
+ content: '';
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 4px;
|
|
|
+ height: 4px;
|
|
|
+ margin-right: 10px;
|
|
|
+ vertical-align: middle;
|
|
|
+ display: inline-block;
|
|
|
+ background: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+.wrapperRight .memo ul li a:hover{
|
|
|
+ color: #1797e9;
|
|
|
+}
|
|
|
+
|
|
|
+/* 政策放榜 */
|
|
|
+.policy{
|
|
|
+ border: 1px solid #efefef;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ margin-top: 50px;
|
|
|
+}
|
|
|
+.policy>div{
|
|
|
+ width: 100%;
|
|
|
+ height: 100px;
|
|
|
+ background: url(../../../img/newMenu/serves_30.png) no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.policy ul li {
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+}
|
|
|
+.policy ul{
|
|
|
+ padding-left: 12px;
|
|
|
+ padding-top: 15px;
|
|
|
+
|
|
|
+}
|
|
|
+.policy ul li{
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+.policy ul li a{
|
|
|
+ color: #7a7878;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.policy ul li:hover a{
|
|
|
+ color: #1797e9;
|
|
|
+}
|
|
|
+
|
|
|
+/* 今日快讯 */
|
|
|
+.newFlash{
|
|
|
+ padding-top: 30px;
|
|
|
+}
|
|
|
+.newFlash h4{
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #393838;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+.newFlash h4 img{
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 5px;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+.newFlash>div{
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ height: 80px;
|
|
|
}
|
|
|
+.newFlash>div img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 99;
|
|
|
+}
|
|
|
+.newFlash>div p{
|
|
|
+ width: 100%;
|
|
|
+ height: 0px;
|
|
|
+ line-height: 0px;
|
|
|
+ background: rgba(0, 0, 0, .3);
|
|
|
+ position: absolute;
|
|
|
+ color: #ffffff;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 999;
|
|
|
+ text-align: center;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+ transition: all .5s;
|
|
|
+}
|
|
|
+.newFlash>div:hover p{
|
|
|
+ height:24px;
|
|
|
+ line-height:24px;
|
|
|
+ transition: all .5s;
|
|
|
+}
|
|
|
+.newFlash ul{
|
|
|
+ padding-top: 10px;
|
|
|
+}
|
|
|
+.newFlash ul li{
|
|
|
+ border-bottom: 1px dashed #eeeeee;
|
|
|
+ padding:6px 0;
|
|
|
+}
|
|
|
+.newFlash ul li a{
|
|
|
+ color: #686868;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+}
|
|
|
+.newFlash ul li a:hover{
|
|
|
+ color: #1797e9;
|
|
|
+}
|
|
|
+.newFlash ul li img{
|
|
|
+ margin-right: 5px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+/* 技淘百科 */
|
|
|
+.encyclopedias h5{
|
|
|
+ text-align: center;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #000000;
|
|
|
+ padding-top: 50px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+}
|
|
|
+.encyclopedias ul li{
|
|
|
+ clear: both;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-bottom: 18px;
|
|
|
+}
|
|
|
+.encyclopedias ul li img{
|
|
|
+ width: 58px;
|
|
|
+ float: left;
|
|
|
+ transition: all .2s ease-out;
|
|
|
+}
|
|
|
+.encyclopedias ul li p{
|
|
|
+ width:150px;
|
|
|
+ height: 36px;
|
|
|
+ margin-top: 12px;
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-bottom:1px solid #e7e7e7;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+}
|
|
|
+.encyclopedias ul li p a{
|
|
|
+ color: #686868;
|
|
|
+}
|
|
|
+.encyclopedias ul li:hover p a{
|
|
|
+ color: #1797e9;
|
|
|
+}
|
|
|
+.encyclopedias ul li:hover img{
|
|
|
+ transform: scale(0.9);
|
|
|
+ transition: all .2s ease-in;
|
|
|
+}
|
|
|
+
|
|
|
.overBj{
|
|
|
clear: both;
|
|
|
margin-top: 18px;
|
|
|
}
|
|
|
+.overBj img{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+/* p品牌通 */
|
|
|
+.brand{
|
|
|
+ height: 620px;
|
|
|
+ width: 100%;
|
|
|
+ background: url(../../../img/newMenu/service_101.jpg)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ padding-top: 44px;
|
|
|
+}
|
|
|
+.branTtitle{
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.branTtitle h4{
|
|
|
+ font-weight: normal;
|
|
|
+ width: 630px;
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 26px;
|
|
|
+ font-size: 26px;
|
|
|
+ color: #ef7b43;
|
|
|
+ background: url(../../../img/newMenu/service_102.png) no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.branTtitle p{
|
|
|
+ font-size: 18px;
|
|
|
+ color: #c98e62;
|
|
|
+ margin-top: 12px;
|
|
|
+}
|
|
|
+.brand .brandList{
|
|
|
+ display: flex;
|
|
|
+ display: -webkit-flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: flex-end;
|
|
|
+ height: 434px;
|
|
|
+}
|
|
|
+.brand .brandList li{
|
|
|
+ text-align: center;
|
|
|
+ width: 214px;
|
|
|
+ vertical-align: bottom;
|
|
|
+ background: #ffffff;
|
|
|
+ box-shadow: 0 5px 15px #c98e62;
|
|
|
+ border-radius: 15px 15px 0 0 ;
|
|
|
+}
|
|
|
+.brand .brandList li img{
|
|
|
+ width: 100%;
|
|
|
+ height: 142px;
|
|
|
+ border-radius: 10px 10px 0 0 ;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(1){
|
|
|
+ height: 355px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(1) div{
|
|
|
+ height: 160px;
|
|
|
+ padding-top: 16px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(1) div span{
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(2) div span{
|
|
|
+ margin-top: 22px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(3) div span{
|
|
|
+ margin-top: 38px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(4) div span{
|
|
|
+ margin-top: 54px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(5) div span{
|
|
|
+ margin-top:70px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(2){
|
|
|
+ height: 375px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(2) div{
|
|
|
+ height: 178px;
|
|
|
+ padding-top: 24px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(3){
|
|
|
+ height: 395px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(3) div{
|
|
|
+ height: 198px;
|
|
|
+ padding-top: 28px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(4){
|
|
|
+ height: 415px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(4) div{
|
|
|
+ height: 218px;
|
|
|
+ padding-top: 32px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(5){
|
|
|
+ height: 435px;
|
|
|
+}
|
|
|
+.brand .brandList li:nth-child(5) div{
|
|
|
+ box-sizing: border-box;
|
|
|
+ height:238px;
|
|
|
+ padding-top:35px;
|
|
|
+}
|
|
|
+.brand .brandList li p{
|
|
|
+ font-size: 16px;
|
|
|
+ color: #7a7878;
|
|
|
+ line-height: 32px;
|
|
|
+ height: 32px;
|
|
|
+}
|
|
|
+.brand .brandList li div{
|
|
|
+ padding-top: 30px;
|
|
|
+}
|
|
|
+.brand .brandList li div span{
|
|
|
+ width: 148px;
|
|
|
+ height: 46px;
|
|
|
+ line-height: 46px;
|
|
|
+ display: inline-block;
|
|
|
+ background: linear-gradient(left, #ff580e ,#ff8041);
|
|
|
+ background: -webkit-linear-gradient(left, #ff580e ,#ff8041); /* Safari 5.1 - 6.0 */
|
|
|
+ background: -o-linear-gradient(left, #ff580e ,#ff8041); /* Opera 11.1 - 12.0 */
|
|
|
+ background: -moz-linear-gradient(left, #ff580e ,#ff8041); /* Firefox 3.6 - 15 */
|
|
|
+ background: linear-gradient(left, #ff580e ,#ff8041); /* 标准的语法 */
|
|
|
+ font-size: 18px;
|
|
|
+ color: #ffffff;
|
|
|
+ border-radius: 10px;
|
|
|
+ vertical-align: bottom;
|
|
|
+}
|
|
|
+/* 科技通 */
|
|
|
+.scienceTtitle{
|
|
|
+ clear: both;
|
|
|
+ text-align: center;
|
|
|
+ padding-top: 56px;
|
|
|
+}
|
|
|
+.scienceTtitle h4{
|
|
|
+ font-weight: normal;
|
|
|
+ width: 630px;
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 26px;
|
|
|
+ font-size: 26px;
|
|
|
+ color: #ff5d1d;
|
|
|
+ background: url(../../../img/newMenu/service_108.png) no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.scienceTtitle p{
|
|
|
+ font-size: 18px;
|
|
|
+ color: #7a7878;
|
|
|
+ margin-top: 12px;
|
|
|
+}
|
|
|
+.scienceLeft>.imgt{
|
|
|
+ float: left;
|
|
|
+ width: 246px;
|
|
|
+ height: 286px;
|
|
|
+ position: relative;
|
|
|
+ margin-top: 68px;
|
|
|
+ z-index: 111;
|
|
|
+}
|
|
|
+.scienceLeft>.imgt img{
|
|
|
+ width: 246px;
|
|
|
+ height: 286px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 222;
|
|
|
+}
|
|
|
+.scienceLeft>.imgt span{
|
|
|
+ width: 246px;
|
|
|
+ height: 286px;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ background: rgba(0, 0, 0, .5);
|
|
|
+ top:0;
|
|
|
+ left:0;
|
|
|
+ z-index: 300;
|
|
|
+}
|
|
|
+.scienceLeft>.imgt>div{
|
|
|
+ width: 210px;
|
|
|
+ height: 70px;
|
|
|
+ top: 87px;
|
|
|
+ left: 20px;
|
|
|
+ background: url(../../../img/newMenu/service_110.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ top: 90px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -105px;
|
|
|
+ z-index: 444;
|
|
|
+}
|
|
|
+.scienceLeft>.imgt a{
|
|
|
+ color: #ffffff;
|
|
|
+ width: 86px;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+ box-shadow: 0 5px 10px #333;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 50px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -43px;
|
|
|
+ background: #1d1d1d;
|
|
|
+ z-index: 999;
|
|
|
+ border-radius: 10px;
|
|
|
+ transition: all .5s ease-in;
|
|
|
+}
|
|
|
+.scienceLeft:hover>.imgt a{
|
|
|
+ transform: scale(1.2);
|
|
|
+ box-shadow: 0px 0px 55px #e7e7e7;
|
|
|
+ transition: all .5s ease-in;
|
|
|
+}
|
|
|
+.scienceLeft>.imgt>div p{
|
|
|
+ font-size: 24px;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+.scienceList{
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 660px;
|
|
|
+ height: 284px;
|
|
|
+ margin-top: 68px;
|
|
|
+}
|
|
|
+.scienceLeft ul{
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing:border-box;
|
|
|
+}
|
|
|
+.scienceLeft ul li {
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-bottom: 22px;
|
|
|
+}
|
|
|
+.scienceRight{
|
|
|
+ float: right;
|
|
|
+ width: 290px;
|
|
|
+}
|
|
|
+.scienceRight h4{
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #444444;
|
|
|
+}
|
|
|
+.scienceRight h4 img{
|
|
|
+ margin-right: 12px;
|
|
|
+}
|
|
|
+.scienceRight>div{
|
|
|
+ width: 290px;
|
|
|
+ height: 364px;
|
|
|
+ background: url(../../../img/newMenu/service_109.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ padding-top: 56px;
|
|
|
+ padding-left: 50px;
|
|
|
+}
|
|
|
+.scienceRight>div p{
|
|
|
+ width: 190px;
|
|
|
+ text-align: justify;
|
|
|
+ line-height:26px;
|
|
|
+ color: #444444;
|
|
|
+}
|
|
|
+.scienceRight div a{
|
|
|
+ width: 94px;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #ff580e;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #ff580e;
|
|
|
+ border-radius: 12px;
|
|
|
+ float: right;
|
|
|
+ margin-right: 50px;
|
|
|
+ margin-top: 10px;
|
|
|
+ transition: all .2s ease-in-out;
|
|
|
+}
|
|
|
+.scienceRight div a:hover{
|
|
|
+ background: #ef7b43;
|
|
|
+ color: #ffffff;
|
|
|
+ transition: all .2s ease-in;
|
|
|
+}
|
|
|
+/* 科技项目 */
|
|
|
+.project{
|
|
|
+ clear: both;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.project .projectImg{
|
|
|
+ float: left;
|
|
|
+ width: 266px;
|
|
|
+ height: 300px;
|
|
|
+}
|
|
|
+.project .projectImg img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
|
|
|
+
|
|
|
+}
|
|
|
+.project .projectMid{
|
|
|
+ float: right;
|
|
|
+ width: 920px;
|
|
|
+}
|
|
|
+.project .projectMid img{
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+.projectMid >div>div{
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.projectMid .imgLeft {
|
|
|
+ width: 432px;
|
|
|
+}
|
|
|
+.projectMid .imgLeft ul li {
|
|
|
+ float: left;
|
|
|
+ width: 214px;
|
|
|
+ height: 57px;
|
|
|
+ background: #f8f8f8;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #393838;
|
|
|
+ line-height: 57px;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 2px;
|
|
|
+ margin-bottom: 2px;
|
|
|
+}
|
|
|
+.projectMid .imgRight{
|
|
|
+ width: 214px;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 16px;
|
|
|
+}
|
|
|
+.projectMid .imgRight ol li {
|
|
|
+ height: 57px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #393838;
|
|
|
+ line-height: 57px;
|
|
|
+ margin-bottom: 2px;
|
|
|
+ background: #f8f8f8;
|
|
|
+}
|
|
|
+.projectMid .imgRight ol li:nth-child(2){
|
|
|
+ height: 116px;
|
|
|
+ line-height: 24px;
|
|
|
+ padding-top: 34px;
|
|
|
+}
|
|
|
+.advertisementBj{
|
|
|
+ height: 92px;
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 24px;
|
|
|
+}
|
|
|
+.advertisementBj img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
|
|
|
|
|
|
|