|
|
@@ -4,411 +4,476 @@
|
|
|
</#macro>
|
|
|
<#macro script>
|
|
|
$(document).ready(function(){
|
|
|
- $(".txt-content div").hover(function(){
|
|
|
- $(this).addClass('fix-height').siblings().removeClass('fix-height')
|
|
|
- });
|
|
|
+ $('.left .nav').on('click','span',function(){
|
|
|
+ $index = $(this).index();
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('.news').eq($index).addClass('show').siblings().removeClass('show');
|
|
|
+ });
|
|
|
});
|
|
|
</#macro>
|
|
|
<#macro css>
|
|
|
.qrcode-text {
|
|
|
- padding: 22px 0 0 17px;
|
|
|
- font-size: 12px;
|
|
|
+ padding: 22px 0 0 17px;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
#main .carousel-inner {
|
|
|
- max-width: 100%;
|
|
|
- max-height: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
}
|
|
|
|
|
|
#main .carousel-inner img {
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
#main .carousel-control {
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- margin-top: -40px;
|
|
|
- display: block;
|
|
|
- width: 55px;
|
|
|
- height: 80px;
|
|
|
- line-height: 80px;
|
|
|
- background: none;
|
|
|
- color: rgba(255, 255, 255, 0.5);
|
|
|
- font-size: 50px;
|
|
|
- text-align: center;
|
|
|
- text-decoration: none;
|
|
|
- transition: all 0.5s;
|
|
|
- opacity: 0;
|
|
|
- z-index: 1000;
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -40px;
|
|
|
+ width: 55px;
|
|
|
+ height: 80px;
|
|
|
+ line-height: 80px;
|
|
|
+ font-size: 50px;
|
|
|
+ text-align: center;
|
|
|
+ text-decoration: none;
|
|
|
+ background: none;
|
|
|
+ color: rgba(255, 255, 255, 0.5);
|
|
|
+ transition: all 0.5s;
|
|
|
+ opacity: 0;
|
|
|
+ z-index: 1000;
|
|
|
}
|
|
|
|
|
|
#main:HOVER .carousel-control {
|
|
|
- opacity: 1;
|
|
|
+ opacity: 1;
|
|
|
}
|
|
|
|
|
|
#main .fa {
|
|
|
- height: 55px;
|
|
|
- width: 55px;
|
|
|
- text-decoration: none;
|
|
|
- color: white;
|
|
|
- border-radius: 55px;
|
|
|
- background-color: rgba(0, 0, 0, 0.1);
|
|
|
+ height: 55px;
|
|
|
+ width: 55px;
|
|
|
+ text-decoration: none;
|
|
|
+ color: white;
|
|
|
+ border-radius: 55px;
|
|
|
+ background-color: rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
|
|
|
#main .fa:HOVER {
|
|
|
- background-color: rgba(0, 0, 0, 0.4);
|
|
|
+ background-color: rgba(0, 0, 0, 0.4);
|
|
|
}
|
|
|
|
|
|
#main .carousel-title {
|
|
|
- font-size: 50px;
|
|
|
- font-weight: 600;
|
|
|
- font-family: '微软雅黑';
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- text-align: left;
|
|
|
- padding-top: 70px;
|
|
|
- padding-left: 138px;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ padding: 70px 0 0 138px;
|
|
|
+ font-size: 50px;
|
|
|
+ font-weight: 600;
|
|
|
+ font-family: '微软雅黑';
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
|
|
|
#main .carousel-text {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 600;
|
|
|
- font-family: '微软雅黑';
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- text-align: left;
|
|
|
- padding-top: 150px;
|
|
|
- padding-left: 138px;
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 60px;
|
|
|
- letter-spacing: 2px;
|
|
|
- line-height: 35px;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ margin: 20px 0 60px 0;
|
|
|
+ padding: 150px 0 0 138px;
|
|
|
+ line-height: 35px;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 600;
|
|
|
+ font-family: '微软雅黑';
|
|
|
+ text-align: left;
|
|
|
+ letter-spacing: 2px;
|
|
|
}
|
|
|
|
|
|
#main .carousel-indicators li {
|
|
|
- width: 40px;
|
|
|
- height: 6px;
|
|
|
+ width: 40px;
|
|
|
+ height: 6px;
|
|
|
}
|
|
|
#main .carousel-indicators .active {
|
|
|
- width: 40px;
|
|
|
- height: 8px;
|
|
|
+ width: 40px;
|
|
|
+ height: 8px;
|
|
|
}
|
|
|
|
|
|
<!-- main 新加内容 -->
|
|
|
#main {
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
#main .section-item h3 .fa {
|
|
|
- color: #8b96c3;
|
|
|
- background-color: transparent;
|
|
|
+ color: #8b96c3;
|
|
|
+ background-color: transparent;
|
|
|
}
|
|
|
#main .section-item h3 .fa:hover{
|
|
|
- background-color: transparent;
|
|
|
+ background-color: transparent;
|
|
|
}
|
|
|
.section-item{
|
|
|
- text-align: center;
|
|
|
- margin: 0 auto;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
.section-item h3 {
|
|
|
- margin-top: 21px;
|
|
|
- padding-top: 25px;
|
|
|
- margin-bottom: 0;
|
|
|
- font-size: 36px;
|
|
|
- font-weight: bold;
|
|
|
- text-align: center;
|
|
|
- color: #000;
|
|
|
+ margin: 21px 0 0;
|
|
|
+ padding-top: 25px;
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ color: #000;
|
|
|
}
|
|
|
.section1{
|
|
|
- height: 200px;
|
|
|
- margin-bottom: 104px;
|
|
|
- background: #f6f6f6;
|
|
|
+ height: 200px;
|
|
|
+ background: #f6f6f6;
|
|
|
}
|
|
|
.section1 p{
|
|
|
- font-size: 14px;
|
|
|
- color: #5a5a5a;
|
|
|
- text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #5a5a5a;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
.section-item .content {
|
|
|
- display: inline-block;
|
|
|
- width: 1190px;
|
|
|
- text-align: center;
|
|
|
- margin: 0 auto;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 1190px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
.section2 {
|
|
|
- background: #fff;
|
|
|
+ padding-top: 105px;
|
|
|
+ background: #f6f6f6;
|
|
|
}
|
|
|
.section3 {
|
|
|
- background: #f6f6f6;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
- .section2 {
|
|
|
- background: #fff;
|
|
|
+ .section5 {
|
|
|
+ background: #f6f6f6;
|
|
|
}
|
|
|
.section2 .content{
|
|
|
- height: 400px;
|
|
|
- margin: 0 auto;
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 400px;
|
|
|
}
|
|
|
.section2 .content h4{
|
|
|
- font-size: 40px;
|
|
|
- font-weight: bold;
|
|
|
- color: #d53537;
|
|
|
- text-align: left;
|
|
|
+ font-size: 40px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: left;
|
|
|
+ color: #d53537;
|
|
|
}
|
|
|
.section2 .content{
|
|
|
- width: 1010px;
|
|
|
+ width: 1010px;
|
|
|
}
|
|
|
.section4 .content{
|
|
|
- width: 1090px;
|
|
|
+ width: 1090px;
|
|
|
}
|
|
|
.section2 .content hr{
|
|
|
- display: inline-block;
|
|
|
- width: 100px;
|
|
|
- height: 5px;
|
|
|
- background: #646464;
|
|
|
- text-align: left;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100px;
|
|
|
+ height: 5px;
|
|
|
+ text-align: left;
|
|
|
+ background: #646464;
|
|
|
}
|
|
|
.section2 .content .left-content{
|
|
|
- width: 350px;
|
|
|
- text-align: left;
|
|
|
- float: left;
|
|
|
+ float: left;
|
|
|
+ width: 350px;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
.section2 .content .left-content ul{
|
|
|
- overflow: hidden;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
.section2 .content .left-content ul li{
|
|
|
- float: left;
|
|
|
- margin: 14px 8px 8px 0;
|
|
|
- border: 1px solid #d2d2d2;
|
|
|
- border-radius: 5px;
|
|
|
- list-style: none;
|
|
|
+ float: left;
|
|
|
+ margin: 14px 8px 8px 0;
|
|
|
+ border: 1px solid #d2d2d2;
|
|
|
+ border-radius: 5px;
|
|
|
+ list-style: none;
|
|
|
}
|
|
|
.section2 .content .left-content ul li a{
|
|
|
- padding: 5px 10px;
|
|
|
- font-size: 14px;
|
|
|
- color: #787878;
|
|
|
+ padding: 5px 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #787878;
|
|
|
}
|
|
|
.section2 .content .left-content ul li:hover{
|
|
|
- border: 1px solid #3a87d2;
|
|
|
+ border: 1px solid #3a87d2;
|
|
|
}
|
|
|
.section2 .content .left-content ul li:hover a{
|
|
|
- font-weight: 590;
|
|
|
- color: #0e0d10;
|
|
|
+ font-weight: 590;
|
|
|
+ color: #0e0d10;
|
|
|
}
|
|
|
.section2 .content .left-content .detail{
|
|
|
- display: inline-block;
|
|
|
- padding: 10px 20px;
|
|
|
- margin-top: 44px;
|
|
|
- width: 100px;
|
|
|
- height: 34px;
|
|
|
- line-height: 17px;
|
|
|
- border-radius: 5px;
|
|
|
- color: #fff;
|
|
|
- background: #d43434;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 10px 20px;
|
|
|
+ margin-top: 44px;
|
|
|
+ width: 100px;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 17px;
|
|
|
+ color: #fff;
|
|
|
+ background: #d43434;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
.section2 .content .left-content .detail:hover{
|
|
|
- background: #1163d1;
|
|
|
+ background: #1163d1;
|
|
|
}
|
|
|
.section2 .content p{
|
|
|
- font-size: 14px;
|
|
|
- color: #1e1e1e;
|
|
|
- text-align: left;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1e1e1e;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
.section2 .content .right-content{
|
|
|
- overflow: hidden;
|
|
|
- float: right;
|
|
|
- width: 480px;
|
|
|
+ float: right;
|
|
|
+ width: 480px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
.section3 .content{
|
|
|
- height: 400px;
|
|
|
- margin: 0 auto;
|
|
|
- margin-top: 104px;
|
|
|
- width: 1010px;
|
|
|
+ margin: 104px auto 0;
|
|
|
+ height: 400px;
|
|
|
+ width: 1010px;
|
|
|
}
|
|
|
.section3 .content h4{
|
|
|
- font-size: 40px;
|
|
|
- font-weight: bold;
|
|
|
- color: #1a65cb;
|
|
|
- text-align: right;
|
|
|
+ text-align: right;
|
|
|
+ font-size: 40px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #1a65cb;
|
|
|
}
|
|
|
.section3 .content hr{
|
|
|
- display: inline-block;
|
|
|
- width: 100px;
|
|
|
- height: 5px;
|
|
|
- background: #646464;
|
|
|
- text-align: right;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100px;
|
|
|
+ height: 5px;
|
|
|
+ text-align: right;
|
|
|
+ background: #646464;
|
|
|
}
|
|
|
.section3 .content .right-content{
|
|
|
- width: 350px;
|
|
|
- text-align: right;
|
|
|
- float: right;
|
|
|
+ float: right;
|
|
|
+ width: 350px;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
.section3 .content .right-content ul{
|
|
|
- overflow: hidden;
|
|
|
- float: right;
|
|
|
+ float: right;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
.section3 .content .right-content ul li{
|
|
|
- float: right;
|
|
|
- margin: 14px 8px 8px 0;
|
|
|
- <!--border: 1px solid #dcdcdc;-->
|
|
|
- border-radius: 5px;
|
|
|
- list-style: none;
|
|
|
+ float: right;
|
|
|
+ margin: 14px 8px 8px 0;
|
|
|
+ border-radius: 5px;
|
|
|
+ list-style: none;
|
|
|
}
|
|
|
.section3 .content .right-content ul li a{
|
|
|
- padding: 5px 10px;
|
|
|
- font-size: 14px;
|
|
|
- color: #787878;
|
|
|
- background: #fff;
|
|
|
+ padding: 5px 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #787878;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
.section3 .content .right-content ul li:hover a{
|
|
|
- font-weight: 590;
|
|
|
- color: #0e0d10;
|
|
|
+ font-weight: 590;
|
|
|
+ color: #0e0d10;
|
|
|
}
|
|
|
.section3 .content .right-content .detail{
|
|
|
- display: inline-block;
|
|
|
- padding: 10px 20px;
|
|
|
- margin-top: 44px;
|
|
|
- width: 100px;
|
|
|
- height: 34px;
|
|
|
- line-height: 17px;
|
|
|
- border-radius: 5px;
|
|
|
- color: #fff;
|
|
|
- background: #1163d1;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 10px 20px;
|
|
|
+ margin-top: 44px;
|
|
|
+ width: 100px;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 17px;
|
|
|
+ border-radius: 5px;
|
|
|
+ color: #fff;
|
|
|
+ background: #1163d1;
|
|
|
}
|
|
|
.section3 .content .right-content .detail:hover{
|
|
|
- background: #d43434;
|
|
|
+ background: #d43434;
|
|
|
}
|
|
|
.section3 .content p{
|
|
|
- font-size: 14px;
|
|
|
- color: #1e1e1e;
|
|
|
- text-align: right;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1e1e1e;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
.section3 .content .left-content{
|
|
|
- overflow: hidden;
|
|
|
- float: left;
|
|
|
- width: 480px;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 480px;
|
|
|
}
|
|
|
.section4 .content{
|
|
|
- height: 690px;
|
|
|
- text-align: center;
|
|
|
- margin: 0 auto;
|
|
|
- margin-bottom: 70px;
|
|
|
+ margin: 0 auto 70px;
|
|
|
+ height: 690px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
.section4 .content .content-top h4{
|
|
|
- margin-top: 80px;
|
|
|
- font-size: 36px;
|
|
|
- font-weight: bold;
|
|
|
- color: #333a56;
|
|
|
+ margin-top: 80px;
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333a56;
|
|
|
}
|
|
|
.section4 .content .content-top h5{
|
|
|
- margin: 40px 0 20px 0;
|
|
|
- font-size: 24px;
|
|
|
- color: #1e1e1e;
|
|
|
+ margin: 40px 0 20px 0;
|
|
|
+ font-size: 24px;
|
|
|
+ color: #1e1e1e;
|
|
|
}
|
|
|
.section4 .content .content-top h5{
|
|
|
- font-size: 14px;
|
|
|
- color: #1e1e1e;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1e1e1e;
|
|
|
}
|
|
|
.section4 .content .content-bottom{
|
|
|
- position: relative;
|
|
|
- width: 1090px;
|
|
|
- margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 1090px;
|
|
|
}
|
|
|
.section4 .content .content-bottom ul{
|
|
|
- overflow: hidden;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
.section4 .content .content-bottom ul li{
|
|
|
- float: left;
|
|
|
- margin-right:65px;
|
|
|
- list-style: none;
|
|
|
+ float: left;
|
|
|
+ margin-right:65px;
|
|
|
+ list-style: none;
|
|
|
}
|
|
|
.section4 .content .content-bottom ul li:last-child{
|
|
|
- margin-right: 0;
|
|
|
+ margin-right: 0;
|
|
|
}
|
|
|
.section4 .content .content-bottom div.img{
|
|
|
- margin-top: 50px;
|
|
|
- width: 320px;
|
|
|
- height: 400px;
|
|
|
+ margin-top: 50px;
|
|
|
+ width: 320px;
|
|
|
+ height: 400px;
|
|
|
}
|
|
|
.section4 .content .content-bottom .txt-content{
|
|
|
- position: absolute;
|
|
|
- top: 50px;
|
|
|
- width: 320px;
|
|
|
- height: 400px;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content div{
|
|
|
- border-bottom: 2px solid #feffff;
|
|
|
-
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content div:last-child{
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content p.first-txt{
|
|
|
- padding-top: 68px;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content p.send-txt{
|
|
|
- padding: 30px 0;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content a.txt-next{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom li .txt-content{
|
|
|
- background: rgba(24,24,24,.6);
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content div:hover{
|
|
|
- background: rgba(44,46,42,.6);
|
|
|
- cursor: pointer;
|
|
|
- overflow: hidden;
|
|
|
- <!--height: 200px;-->
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content div a:hover{
|
|
|
- background: #2487e3;
|
|
|
- z-index: 1000;
|
|
|
- color: #fff;
|
|
|
- display: inline-block;
|
|
|
- border: none
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content p{
|
|
|
- font-size: 24px;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content a{
|
|
|
- margin-top: 42px;
|
|
|
- width: 90px;
|
|
|
- height: 30px;
|
|
|
- border: 1px solid #fff;
|
|
|
- padding: 5px 10px;
|
|
|
- font-size: 16px;
|
|
|
- color: #fff;
|
|
|
- z-index: 10;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content div{
|
|
|
- height: 100px;
|
|
|
+ position: absolute;
|
|
|
+ top: 50px;
|
|
|
+ width: 320px;
|
|
|
+ height: 400px;
|
|
|
+ background: rgba(24,24,24,.5);
|
|
|
}
|
|
|
.section4 .content .content-bottom .txt-content div.fix-height{
|
|
|
- height: 200px;
|
|
|
- transition : height .5s ease-out;
|
|
|
+ margin-top: 130px;
|
|
|
}
|
|
|
.section4 .content .content-bottom .txt-content div p{
|
|
|
- padding:30px 0;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt div p{
|
|
|
- padding:68px 0 0 0;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content div.fix-height p{
|
|
|
- padding:68px 0 0 0;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ font-size: 30px;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.section4 .content .content-bottom .txt-content div a{
|
|
|
- display:none;
|
|
|
+ display: inline-block;
|
|
|
+ width: 160px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #fff;
|
|
|
}
|
|
|
- .section4 .content .content-bottom .txt div a{
|
|
|
- display:inline-block;
|
|
|
- }
|
|
|
- .section4 .content .content-bottom .txt-content div.fix-height a{
|
|
|
- display: inline-block;
|
|
|
+ .section4 .content .content-bottom .txt-content div a:hover{
|
|
|
+ color: #000;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .section5 .content{
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 500px;
|
|
|
+ }
|
|
|
+ .section5 .content .content-top{
|
|
|
+ padding-top: 54px;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ }
|
|
|
+ .section5 .content .content-top h4{
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333a56;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom{
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 1090px;
|
|
|
+ height: 300px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom .all-nav{
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom .left{
|
|
|
+ float: left;
|
|
|
+ width: 690px;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom .left .nav{
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ text-align: left;
|
|
|
+ border-bottom: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom .left .nav span{
|
|
|
+ display: inline-block;
|
|
|
+ width: 140px;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #969696;
|
|
|
+ text-align: center;
|
|
|
+ border-top: 4px solid #bfbfbf;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom .left .nav span.active,.section5 .content .content-bottom .left .nav span:hover{
|
|
|
+ color: #000;
|
|
|
+ border-top: 4px solid #418eff;
|
|
|
+ }
|
|
|
+ .news {
|
|
|
+ display: none;
|
|
|
+ margin-top: 36px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .news .left-img{
|
|
|
+ float: left;
|
|
|
+ margin-left: 30px;
|
|
|
+ width: 200px;
|
|
|
+ height: 160px;
|
|
|
+ }
|
|
|
+ .news .left-img img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ .news .left-txt{
|
|
|
+ float: left;
|
|
|
+ margin-left: 35px;
|
|
|
+ }
|
|
|
+ .news .left-txt div{
|
|
|
+ margin-bottom: 10px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .news .left-txt div a{
|
|
|
+ display: inline-block;
|
|
|
+ width: 375px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .news .left-txt div a:hover{
|
|
|
+ color: #418eff;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom .right{
|
|
|
+ float: left;
|
|
|
+ width: 400px;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom .right .nav{
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ text-align: left;
|
|
|
+ border-bottom: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .section5 .content .content-bottom .right .nav span{
|
|
|
+ display: inline-block;
|
|
|
+ width: 140px;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ text-align: center;
|
|
|
+ border-top: 4px solid #418eff;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .right .left-txt{
|
|
|
+ margin-top: 36px;
|
|
|
+ }
|
|
|
+ .right .left-txt div{
|
|
|
+ margin-bottom: 10px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .right .left-txt div a{
|
|
|
+ display: inline-block;
|
|
|
+ width: 375px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .right .left-txt div a:hover{
|
|
|
+ color: #418eff;
|
|
|
}
|
|
|
</#macro>
|
|
|
<@layout>
|
|
|
@@ -454,27 +519,6 @@
|
|
|
<p>UAS系统为企业内部协同管理提供支持，优软云为企业提供外部协同管理提供平台，UAS系统+优软云，<br/>内外结合，实现企业管理效益最大化。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
-<div class="section-item section2">
|
|
|
- <div class="content">
|
|
|
- <div class="left-content">
|
|
|
- <h4>优软云</h4>
|
|
|
- <hr/>
|
|
|
- <p>一个轻盈、便捷、智慧的产业互联网综合服务平台</p>
|
|
|
- <ul>
|
|
|
- <li><a href="b2b">B2B商务</a></li>
|
|
|
- <li><a href="mall">优软商城</a></li>
|
|
|
- <li><a href="saas">优企云服</a></li>
|
|
|
- <li><a href="financialService">金融服务</a></li>
|
|
|
- <li><a href="publicService">公共服务</a></li>
|
|
|
- <li><a href="member">会员专区</a></li>
|
|
|
- </ul>
|
|
|
- <a href="http://www.ubtob.com/" target="_blank" class="detail">查看详情</a>
|
|
|
- </div>
|
|
|
- <div class="right-content">
|
|
|
- <img src="${CTPATH}/images/about/uas_d.png" alt="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
<div class="section-item section3">
|
|
|
<div class="content">
|
|
|
<div class="left-content">
|
|
|
@@ -498,6 +542,27 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+<div class="section-item section2">
|
|
|
+ <div class="content">
|
|
|
+ <div class="left-content">
|
|
|
+ <h4>优软云</h4>
|
|
|
+ <hr/>
|
|
|
+ <p>一个轻盈、便捷、智慧的产业互联网综合服务平台</p>
|
|
|
+ <ul>
|
|
|
+ <li><a href="b2b">B2B商务</a></li>
|
|
|
+ <li><a href="mall">优软商城</a></li>
|
|
|
+ <li><a href="saas">优企云服</a></li>
|
|
|
+ <li><a href="financialService">金融服务</a></li>
|
|
|
+ <li><a href="publicService">公共服务</a></li>
|
|
|
+ <li><a href="member">会员专区</a></li>
|
|
|
+ </ul>
|
|
|
+ <a href="http://www.ubtob.com/" target="_blank" class="detail">查看详情</a>
|
|
|
+ </div>
|
|
|
+ <div class="right-content">
|
|
|
+ <img src="${CTPATH}/images/about/uas_d.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
<div class="section-item section4">
|
|
|
<div class="content">
|
|
|
<div class="content-top">
|
|
|
@@ -513,16 +578,8 @@
|
|
|
</div>
|
|
|
<div class="txt-content">
|
|
|
<div class="fix-height">
|
|
|
- <p>集团型企业</p>
|
|
|
- <a href="soLarge">了解详情</a>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <p>中小型企业</p>
|
|
|
- <a class="txt-next" href="soNormal">了解详情</a>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <p>小微型企业</p>
|
|
|
- <a class="txt-next" href="soMicro">了解详情</a>
|
|
|
+ <p>企业应用</p>
|
|
|
+ <a href="">了解详情</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
@@ -531,13 +588,9 @@
|
|
|
<img src="${CTPATH}/images/about/secdon.png" alt="">
|
|
|
</div>
|
|
|
<div class="txt-content txt">
|
|
|
- <div class="fix-height" style="height: 200px;">
|
|
|
- <p>制造业</p>
|
|
|
- <a href="soMake">了解详情</a>
|
|
|
- </div>
|
|
|
- <div class="fix-height" style="height: 200px;">
|
|
|
- <p>贸易</p>
|
|
|
- <a href="soTrade">了解详情</a>
|
|
|
+ <div class="fix-height">
|
|
|
+ <p>行业应用</p>
|
|
|
+ <a href="">了解详情</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
@@ -546,17 +599,9 @@
|
|
|
<img src="${CTPATH}/images/about/thre.png" alt="">
|
|
|
</div>
|
|
|
<div class="txt-content">
|
|
|
- <div class="fix-height ">
|
|
|
- <p>客户关系管理</p>
|
|
|
- <a href="soCrm">了解详情</a>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <p>供应链管理</p>
|
|
|
- <a href="soScm">了解详情</a>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <p>更多领域</p>
|
|
|
- <a href="solutions">了解详情</a>
|
|
|
+ <div class="fix-height">
|
|
|
+ <p>领域应用</p>
|
|
|
+ <a href="">了解详情</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
@@ -564,6 +609,50 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+<div class="section-item section5">
|
|
|
+ <div class="content">
|
|
|
+ <div class="content-top">
|
|
|
+ <h4>新闻中心</h4>
|
|
|
+ </div>
|
|
|
+ <div class="content-bottom">
|
|
|
+ <div class="all-nav">
|
|
|
+ <div class="left">
|
|
|
+ <div class="nav">
|
|
|
+ <span class="active">公司动态</span>
|
|
|
+ <span>常见问题</span>
|
|
|
+ </div>
|
|
|
+ <!--公司动态-->
|
|
|
+ <div class="news show">
|
|
|
+ <div class="left-img">
|
|
|
+ <img src="${CTPATH}/images/about/thumb-img.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="left-txt">
|
|
|
+ <div><a href="">共享IDM成新趋势，将带动中国半为全球半导体导体制造?</a></div>
|
|
|
+ <div><a href="">在全球IC封测产业中在全球IC封测产业中在全球IC封测产业中，谁会是大赢家？ </a></div>
|
|
|
+ <div><a href="">2017-2027年我国将成为全球半导体为全为全球半导体球半导体芯片行业发展最快...</a></div>
|
|
|
+ <div><a href="">2025年我国将力争实现第三代半为全球半导体导体技术在全球居于领...</a></div>
|
|
|
+ <div><a href="">IBS首席执行官Handel Jones：为全球半导体为全球半导体半导体产业在未来两年...</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--常见问题-->
|
|
|
+ <div class="news"></div>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <div class="nav">
|
|
|
+ <span>行业新闻</span>
|
|
|
+ </div>
|
|
|
+ <div class="left-txt">
|
|
|
+ <div><a href="">共享IDM成新趋势，将带动中国半为全球半导体导体制造?</a></div>
|
|
|
+ <div><a href="">在全球IC封测产业中在全球IC封测产业中在全球IC封测产业中，谁会是大赢家？ </a></div>
|
|
|
+ <div><a href="">2017-2027年我国将成为全球半导体为全为全球半导体球半导体芯片行业发展最快...</a></div>
|
|
|
+ <div><a href="">2025年我国将力争实现第三代半为全球半导体导体技术在全球居于领...</a></div>
|
|
|
+ <div><a href="">IBS首席执行官Handel Jones：为全球半导体为全球半导体半导体产业在未来两年...</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
</@layout>
|
huangct
