|
@@ -237,6 +237,7 @@
|
|
|
margin-top: 38px;
|
|
|
}
|
|
|
.jsRight div h3{
|
|
|
+ font-weight: normal;
|
|
|
color: #1f1f1f;
|
|
|
font-size: 19px;
|
|
|
margin-bottom: 22px;
|
|
@@ -280,6 +281,7 @@
|
|
|
background: url(../../../img/newMenu/application_BJ.jpg)no-repeat;
|
|
|
background-size:100% 100%;
|
|
|
padding-top: 30px;
|
|
|
+ padding-bottom: 48px;
|
|
|
}
|
|
|
.applicationWrap{
|
|
|
width: 1200px;
|
|
@@ -299,19 +301,782 @@
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
|
|
|
+.applicationWrap {
|
|
|
+ display: flex;
|
|
|
+ display: -webkit-flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+.applicationWrap .applicationWrapLeft{
|
|
|
+ width: 290px;
|
|
|
+ height: 610px;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 0 2px #ccc;
|
|
|
+}
|
|
|
+.applicationWrapLeft h3{
|
|
|
+ margin-left: 30px;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 19px;
|
|
|
+ color: #1f1f1f;
|
|
|
+ margin-top: 24px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+.applicationWrapLeft p{
|
|
|
+ margin-left: 30px;
|
|
|
+ margin-bottom: 42px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #969797;
|
|
|
+ width: 205px;
|
|
|
+}
|
|
|
+.applicationWrapLeft .blur{
|
|
|
+ color: #3e8ae0;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
|
+}
|
|
|
+.applicationWrapLeft>span{
|
|
|
+ float: right;
|
|
|
+ margin-right: 60px;
|
|
|
+ color: #969797;
|
|
|
+ font-size: 13px;
|
|
|
+ margin-bottom: 28px;
|
|
|
+}
|
|
|
+.applicationWrapLeft .introduce{
|
|
|
+ position: relative;
|
|
|
+ clear: both;
|
|
|
+ width: 275px;
|
|
|
+ height: 287px;
|
|
|
+ background: url(../../../img/newMenu/application_sc1.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ margin-left:8px;
|
|
|
+ text-align: center;
|
|
|
+ box-shadow: 0 0 2px #ccc;
|
|
|
+}
|
|
|
+.applicationWrapLeft .introduce img{
|
|
|
+ width: 100%;
|
|
|
+ height:100%;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+.applicationWrapLeft .introduce>div{
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+.applicationWrapLeft .introduce h4{
|
|
|
+ margin-top: 30px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+}
|
|
|
+.applicationWrapLeft .introduce p{
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ height: 66px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-align: justify;
|
|
|
+}
|
|
|
+.applicationWrapLeft .introduce a{
|
|
|
+ display: inline-block;
|
|
|
+ width: 116px;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 30px;
|
|
|
+ background: #fff;
|
|
|
+ color: #1797e9;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+.applicationWrapLeft .introduce a:hover{
|
|
|
+ background: #1797e9;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
|
|
|
+.applicationWrapRight {
|
|
|
+ width: 890px;
|
|
|
+ height: 610px;
|
|
|
+ background: #fff;
|
|
|
+ padding: 0 20px;
|
|
|
+}
|
|
|
+.applicationWrapRight .Wtitle{
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.applicationWrapRight .Wtitle h2{
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 21px;
|
|
|
+ color: #1f1f1f;
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-bottom: 6px;
|
|
|
+ font-family: siyuan
|
|
|
+}
|
|
|
+.applicationWrapRight .Wtitle span{
|
|
|
+ color: #9f9f9f;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.applicationShop{
|
|
|
+ display: flex;
|
|
|
+ display: -webkit-flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ margin-top: 22px;
|
|
|
+}
|
|
|
+.shopLeft{
|
|
|
+ width: 238px;
|
|
|
+}
|
|
|
+.shopMid .shopLeftOne a{
|
|
|
+ width: 95px;
|
|
|
+ height: 30px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 26px;
|
|
|
+ font-size: 14px;
|
|
|
+ border: 1px solid #1797e9;
|
|
|
+ text-align: center;
|
|
|
+ color: #1797e9;
|
|
|
+ border-radius: 6px;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.shopLeft h3,.shopMid h3{
|
|
|
+ font-size: 19px;
|
|
|
+ color: #1f1f1f;
|
|
|
+ font-weight: normal;
|
|
|
+ margin-bottom: 14px;
|
|
|
+}
|
|
|
+.shopLeft>div{
|
|
|
+ width: 235px;
|
|
|
+ height: 175px;
|
|
|
+ padding: 8px;
|
|
|
+ box-shadow: 0 0 20px #ccc;
|
|
|
+ margin-bottom: 16px;
|
|
|
+}
|
|
|
+.shopLeft div div{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding: 14px 19px
|
|
|
+}
|
|
|
+.shopLeft div div p{
|
|
|
+ font-size: 16px;
|
|
|
+ color: #444444;
|
|
|
+ margin-bottom:5px;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+}
|
|
|
+.shopLeft .shopLeftOne>div{
|
|
|
+ background: url(../../../img/newMenu/application_sc2.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.shopLeft .shopLeftTwo>div{
|
|
|
+ background: url(../../../img/newMenu/application_sc3.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.shopLeftOne a:hover,.shopLeftTwo a:hover{
|
|
|
+ background: #1797e9;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.shopLeft div div a{
|
|
|
+ width: 95px;
|
|
|
+ height: 30px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 26px;
|
|
|
+ font-size: 14px;
|
|
|
+ border: 1px solid #1797e9;
|
|
|
+ text-align: center;
|
|
|
+ color: #1797e9;
|
|
|
+ border-radius: 6px;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.shopLeft>p{
|
|
|
+ text-align: center;
|
|
|
+ font-size: 19px;
|
|
|
+ color: #1f1f1f;
|
|
|
+ margin:10px 0;
|
|
|
+}
|
|
|
+.shopLeft>a{
|
|
|
+ width: 178px;
|
|
|
+ height: 40px;
|
|
|
+ line-height:38px;
|
|
|
+ font-size: 17px;
|
|
|
+ color: #fff;
|
|
|
+ background: #1797e9;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-left: 30px;
|
|
|
+ border: 1px solid #fff;
|
|
|
+}
|
|
|
+.shopLeft>a:hover{
|
|
|
+ border:1px solid #1797e9;
|
|
|
+ background: #fff;
|
|
|
+ color: #1797e9;
|
|
|
+}
|
|
|
+.shopMid{
|
|
|
+ width: 290px;
|
|
|
+ padding-top: 80px;
|
|
|
+}
|
|
|
+.shopMid .shopLeftOne{
|
|
|
+ width: 290px;
|
|
|
+ height: 252px;
|
|
|
+ padding: 8px;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 0 20px #ccc;
|
|
|
+}
|
|
|
|
|
|
+.shopMid div div p{
|
|
|
+ font-size: 17px;
|
|
|
+}
|
|
|
+/*
|
|
|
+.shopMid .midBottom{
|
|
|
+ text-align: right;
|
|
|
+ padding: 0;
|
|
|
+ background: #fff!important;
|
|
|
+ box-shadow: 0;
|
|
|
+ height: 180px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.midBottom>p{
|
|
|
+ margin-top: 15px;
|
|
|
+ font-size: 19px;
|
|
|
+ color: #2d2d2d;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+.midBottom .midBottomList{
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ display: flex;
|
|
|
+ display: -webkit-flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.midBottomList a{
|
|
|
+ margin-top: 5px;
|
|
|
+ display: inline-block;
|
|
|
+ background: none;
|
|
|
+ color: #1797e9;
|
|
|
+}
|
|
|
+.midBottom .midBottomList div{
|
|
|
+ width: 45%;
|
|
|
+ text-align: left;
|
|
|
+ height: 138px;
|
|
|
+ padding-top: 10px;
|
|
|
+ text-align: center;
|
|
|
+ box-shadow: 0 0 20px #ccc;
|
|
|
+}
|
|
|
+.midBottom .midBottomList div img{
|
|
|
+ width: 82px;
|
|
|
+ height: 82px;
|
|
|
+ border-radius: 50%;
|
|
|
+ display: inline-block;
|
|
|
+ box-shadow: 0 0 1px #ccc;
|
|
|
+} */
|
|
|
+.shopMid .shopLeftOne>div:nth-child(1) {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding-top: 48px;
|
|
|
+ padding: 42px;
|
|
|
+ background: url(../../../img/newMenu/application_sc4.jpg)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.midBottom .midBottomList p{
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.midBottom a{
|
|
|
+ color: #1797e9;
|
|
|
+ font-size: 13px;
|
|
|
+ display: inline-block;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.shopRight {
|
|
|
+ width: 230px;
|
|
|
+ padding-top: 33px;
|
|
|
+}
|
|
|
+.shopRight ul li{
|
|
|
+ width: 100%;
|
|
|
+ height: 225px;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
+.shopRight ul li img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ top: 0 ;
|
|
|
+ left: 0;
|
|
|
+ z-index: 2;
|
|
|
+}
|
|
|
+.shopRight ul li span{
|
|
|
+ display: inline-block;
|
|
|
+ width: 400px;
|
|
|
+ height: 140px;
|
|
|
+ background: rgba(0,0,0,.4);
|
|
|
+ transform: rotate(-11deg);
|
|
|
+ position: absolute;
|
|
|
+ bottom:-21px;
|
|
|
+ left: -32px;
|
|
|
+ z-index: 5;
|
|
|
+}
|
|
|
+.shopRight ul li div{
|
|
|
+ width: 100%;
|
|
|
+ height: 78px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 20;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.shopRight ul li div p{
|
|
|
+ padding: 0 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+ font-size: 17px;
|
|
|
+ color: #FFF;
|
|
|
+}
|
|
|
+.shopRight ul li div a{
|
|
|
+ width: 92px;
|
|
|
+ height: 30px;
|
|
|
+ color: #1797e9;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 28px;
|
|
|
+ margin-top: 10px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+.shopRight ul li div a:hover{
|
|
|
+ background:#1797e9;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
|
|
|
+.applicationGj{
|
|
|
+ width: 1200px;
|
|
|
+ margin: 26px auto 0;
|
|
|
+ background: url(../../../img/newMenu/application_pc2.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ height: 365px;
|
|
|
+}
|
|
|
+.applicationGj ul{
|
|
|
+ overflow: hidden;
|
|
|
+ margin-top: 24px;
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+}
|
|
|
+.applicationGj ul li{
|
|
|
+ width: 260px;
|
|
|
+ float: right;
|
|
|
+ margin-right: 40px;
|
|
|
+ padding: 0 8px;
|
|
|
+ box-shadow: 0 0 2px #ccc;
|
|
|
+ height: 330px;
|
|
|
+ padding-top: 8px;
|
|
|
+ transition: all .2s ease-in-out;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+.applicationGj ul li:hover{
|
|
|
+ margin-top: -3px;
|
|
|
+ transition: all .2s ease-in;
|
|
|
+}
|
|
|
+.applicationGj ul li img{
|
|
|
+ width: 100%;
|
|
|
+ height: 200px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+.applicationGj ul li h3{
|
|
|
+ padding: 0 10px;
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 21px;
|
|
|
+ color: #303030;
|
|
|
+ line-break: 24px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 5px 0;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+}
|
|
|
+.applicationGj ul li p{
|
|
|
+ height: 40px;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #787878;
|
|
|
+ text-align: justify
|
|
|
+}
|
|
|
+.applicationGj ul li a{
|
|
|
+ display: inline-block;
|
|
|
+ float: right;
|
|
|
+ width: 100px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 26px;
|
|
|
+ border: 1px solid #1797e9;
|
|
|
+ color:#1797e9;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 5px;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+.applicationGj ul li a:hover{
|
|
|
+ background: #1797e9;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+/* 政府扶持 */
|
|
|
+.applicationZf {
|
|
|
+ width: 100%;
|
|
|
+ background: url(../../../img/newMenu/applicationZf_bj.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ padding-bottom: 112px;
|
|
|
+}
|
|
|
+.applicationZfBody{
|
|
|
+ width: 1200px;
|
|
|
+ margin: 56px auto 0px;
|
|
|
+ display: flex;
|
|
|
+ display: -webkit-flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.applicationZfBody a{
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+.applicationZfBody img{
|
|
|
+ width: 254px;
|
|
|
+ height: 354px;
|
|
|
+}
|
|
|
+.applicationZfBody>div{
|
|
|
+ width: 930px;
|
|
|
+}
|
|
|
+.applicationZfBody>div ul{
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 0 1px #ccc;
|
|
|
+}
|
|
|
+.applicationZf .applicationTitle h4{
|
|
|
+ padding-top: 60px;
|
|
|
+}
|
|
|
+.applicationTitle.active h4{
|
|
|
+ color: #fff;
|
|
|
+ font-size: 19px;
|
|
|
+}
|
|
|
+.applicationTitle.active span{
|
|
|
+ color: #fff;
|
|
|
+ font-size: 26px;
|
|
|
+}
|
|
|
+.applicationTitle.active a{
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+.applicationTitle.active a:hover{
|
|
|
+ box-shadow: none
|
|
|
+}
|
|
|
+.applicationZfBody div ul{
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+.applicationZfBody div ul li{
|
|
|
+ float: left;
|
|
|
+ height: 94px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 94px;
|
|
|
+ background:#f8f8f8;
|
|
|
+ width: 230px;
|
|
|
+ margin-right: 2px;
|
|
|
+ margin-bottom: 2px;
|
|
|
+}
|
|
|
+.applicationZfBody div {
|
|
|
+ clear: both;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.applicationZfBody div div{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 12px;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 20px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.applicationZfBody div ol{
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.applicationZfBody div ol li{
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.applicationZfBody div ol li a{
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.applicationZfBody div ol li a:hover{
|
|
|
+ color: #1797e9;
|
|
|
+}
|
|
|
+.applicationZfBody div ol li span{
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 10px;
|
|
|
+ color: #FFF;
|
|
|
+}
|
|
|
+.applicationZfBody div ol li:last-child span{
|
|
|
+ display: none
|
|
|
+}
|
|
|
+.applicationZfBody div>a{
|
|
|
+ float: right;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.applicationZfBody div>a:hover{
|
|
|
+ color: #1797e9;
|
|
|
+}
|
|
|
|
|
|
+.applicationMS{
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 45px;
|
|
|
+ padding-bottom: 60px;
|
|
|
+ background: url(../../../img/newMenu/applicationMS_BJ.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
|
|
|
+}
|
|
|
+.applicationMSBody{
|
|
|
+ width: 1200px;
|
|
|
+ margin: 50px auto 0;
|
|
|
+}
|
|
|
+.applicationMSBody ul{
|
|
|
+ display: flex;
|
|
|
+ display: -webkit-flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 444px;
|
|
|
+}
|
|
|
+.applicationMSBody ul li{
|
|
|
+ width: 380px;
|
|
|
+ height: 444px;
|
|
|
+ padding: 0 25px;
|
|
|
+ text-align: center;
|
|
|
+ transition: all .3s ease-in-out;
|
|
|
+
|
|
|
+}
|
|
|
+.applicationMSBody ul li div{
|
|
|
+ width: 100%;
|
|
|
+ height: 164px;
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+.applicationMSBody ul li div h3{
|
|
|
+ font-size: 24px;
|
|
|
+ color: #1f1f1f;
|
|
|
+ margin-top:100px ;
|
|
|
+ margin-bottom: 34px;
|
|
|
+ font-weight: normal;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space:nowrap;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+}
|
|
|
|
|
|
+.applicationMSBody ul li div p{
|
|
|
+ font-size: 16px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ color: #1797e9;
|
|
|
+ overflow: hidden;
|
|
|
+ display: -webkit-box;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp:4;
|
|
|
+}
|
|
|
+.applicationMSBody ul li a{
|
|
|
+ width: 148px;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 34px;
|
|
|
+ background: #1797e9;
|
|
|
+ color: #fff;
|
|
|
+ margin-top: 80px;
|
|
|
+ display: inline-block;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+.applicationMSBody ul li a:hover{
|
|
|
+ box-shadow: 0 4px 10px #ccc;
|
|
|
+}
|
|
|
+.applicationMSBody ul li:hover{
|
|
|
+ margin-top: -4px;
|
|
|
+ transition: all .3s ease-in;
|
|
|
+ box-shadow: 0 5px 20px #333;
|
|
|
+}
|
|
|
+.applicationMSBody ul li:nth-child(1){
|
|
|
+ background: url(../../../img/newMenu/applicationMS1.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.applicationMSBody ul li:nth-child(2){
|
|
|
+ background: url(../../../img/newMenu/applicationMS2.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.applicationMSBody ul li:nth-child(3){
|
|
|
+ background: url(../../../img/newMenu/applicationMS3.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.applicationRZ{
|
|
|
+ background: url(../../../img/newMenu/applicationRZ_bj.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.applicationRZ .applicationTitle h4,.applicationRZ .applicationTitle span{
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+.applicationRZ .applicationMSBody ul li div{
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.applicationRZ .applicationMSBody ul li:nth-child(1){
|
|
|
+ background: url(../../../img/newMenu/applicationRZ_1.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.applicationRZ .applicationMSBody ul li:nth-child(2){
|
|
|
+ background: url(../../../img/newMenu/applicationRZ_2.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.applicationRZ .applicationMSBody ul li:nth-child(3){
|
|
|
+ background: url(../../../img/newMenu/applicationRZ_3.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.applicationGf{
|
|
|
+ width: 100%;
|
|
|
+ background: url(../../../img/newMenu/applicationGF_BJ.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ padding-top: 64px;
|
|
|
+ padding-bottom: 280px;
|
|
|
+}
|
|
|
+.applicationGf .container{
|
|
|
+ display: flex;
|
|
|
+ display: -webkit-flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.applicationGf .gfLeft{
|
|
|
+ width: 384px;
|
|
|
+ height: 440px;
|
|
|
+ padding: 8px;
|
|
|
+}
|
|
|
+.applicationGf .gfLeft .gfLeftBox{
|
|
|
+ width: 100%;
|
|
|
+ height: 440px;
|
|
|
+ padding: 8px;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 0 10px #ccc;
|
|
|
+}
|
|
|
+.applicationGf .gfLeft .gfLeftBox>div{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: url(../../../img/newMenu/applicationGF1.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+ padding-top: 48px;
|
|
|
+ padding-left: 30px;
|
|
|
+ padding-right: 30px;
|
|
|
+}
|
|
|
+.applicationGf .gfLeft .gfLeftBox>div p{
|
|
|
+ height: 66px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.applicationGf .applicationTitle span{
|
|
|
+ color: #262626;
|
|
|
+ font-size: 25px;
|
|
|
+}
|
|
|
+.applicationGf .applicationTitle h4{
|
|
|
+ font-size: 19px;
|
|
|
+ color: #525252;
|
|
|
+ margin-top: 12px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+}
|
|
|
+.gfLeft .gfLeftBox h3{
|
|
|
+ font-weight: normal;
|
|
|
+ font-size: 19px;
|
|
|
+ color: #242424;
|
|
|
+ margin-bottom: 30px;
|
|
|
+}
|
|
|
+.gfLeft .gfLeftBox p{
|
|
|
+ color: #3e8ae0;
|
|
|
+ margin-bottom: 6px;
|
|
|
+ font-size:16px;
|
|
|
+}
|
|
|
+.gfLeft .gfLeftBox a{
|
|
|
+ display: inline-block;
|
|
|
+ width: 148px;
|
|
|
+ height: 36px;
|
|
|
+ font-size: 19px;
|
|
|
+ line-height: 34px;
|
|
|
+ margin-top: 30px;
|
|
|
+ border: 1px solid #1797e9;
|
|
|
+ color: #1797e9;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.gfLeft .applicationTitle{
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+.gfLeft .applicationTitle h4{
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+.gfLeft .gfLeftBox a.lJ{
|
|
|
+ background: #1797e9;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.gfRight{
|
|
|
+ width: 786px;
|
|
|
+ margin-top: 9px;
|
|
|
+}
|
|
|
+.gfRightList ul li{
|
|
|
+ float: left;
|
|
|
+ margin-left: 10px;
|
|
|
+ width: 382px;
|
|
|
+ height: 214px;
|
|
|
+ box-shadow: 0 0 10 #ccc;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding:34px;
|
|
|
+ box-shadow: 0 0 10px #ccc;
|
|
|
+}
|
|
|
+.gfRightList ul li p{
|
|
|
+ font-size:16px;
|
|
|
+ color: #242424;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ margin-top: 10px;
|
|
|
+ color: #3e8ae0;
|
|
|
+ height: 44px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
|
|
|
+.gfRightList ul li div a{
|
|
|
+ padding: 6px 20px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #1797e9;
|
|
|
+ color: #1797e9;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+.gfRightList ul li:nth-child(2n+1){
|
|
|
+ margin-left: 0
|
|
|
+}
|
|
|
+.gfRightList ul li:nth-child(1){
|
|
|
+ background: url(../../../img/newMenu/applicationGF2.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.gfRightList ul li:nth-child(2){
|
|
|
+ background: url(../../../img/newMenu/applicationGF3.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.gfRightList ul li:nth-child(3){
|
|
|
+ background: url(../../../img/newMenu/applicationGF4.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.gfRightList ul li:nth-child(4){
|
|
|
+ background: url(../../../img/newMenu/applicationGF5.png)no-repeat;
|
|
|
+ background-size:100% 100%;
|
|
|
+}
|
|
|
+.gfRightList ul li div .ljB{
|
|
|
+ background: #1797e9;
|
|
|
+ color: #FFF;
|
|
|
+ margin-right: 26px;
|
|
|
+}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+#bottom{
|
|
|
+ margin-top: -160px;
|
|
|
+}
|
|
|
+@media screen and (max-width:1200px){
|
|
|
+ .carousel,.applicationSC,.applicationZf,.applicationMS,.applicationGf{
|
|
|
+ width: 1200px;
|
|
|
+ }
|
|
|
+}
|