add

app/Http/Home/SoftcenterController.php

@@ -28,5 +28,13 @@ class SoftcenterController extends HttpBaseController
         return view('home/http/softcenter', ['list' => $list]);
     }
 
+    /**
+     * 电子书
+     */
+    public function XYEbook()
+    {
+        return view('home/http/softebook');
+    }
+
 
 }

public/static/ebook/ebook.css

@@ -0,0 +1,446 @@
+.w1200{position:relative;}
+.w1024{width: 1024px;margin:0px auto;position:relative;}
+.btn{background-image: linear-gradient(to right,#2990e5, #3cd2f8);width:222px;height:56px;color:#fff;line-height:56px;text-align:center;display:block;font-size:24px;border-radius:4px;transition: all .3s;
+    -webkit-transition: all .3s;
+    -moz-transition: all .3s;
+    -ms-transition: all .3s;}
+.btn:hover{transform: translateY(-10px);
+    -webkit-transform: translateY(-10px);
+    -moz-transform: translateY(-10px);
+    -ms-transform: translateY(-10px);}
+
+.head{background:url(../img/bg1.png) center center no-repeat;background-size:100% 100%;height:581px;}
+.head .logolay{float:left;width:100%;margin-top:20px;}
+.head .logolay img{float:left;margin-right:20px;}
+.head .logolay span{float:left;height:40px;line-height:40px;font-size:26px;color:#fff;}
+.head .logolay ul{float:right;width:auto;height:40px;}
+.head .logolay ul li{float:left;margin-right:40px;height:40px;line-height:40px;font-size: 20px;color:#000;}
+.head .leftword{position:absolute;top:114px;width:500px;left:0px;}
+.head .leftword h1{float:left;color:#fff;font-size:44px;position:relative;}
+.head .leftword .word1{font-size:20px;float:left;color:#fff;width:100%;line-height:40px}
+.head .leftword .btn1{float:left;margin-top:30px;transition: all .3s;
+    -webkit-transition: all .3s;
+    -moz-transition: all .3s;
+    -ms-transition: all .3s;font-size:34px;border-radius:43px;width:364px;height:86px;text-align:center;line-height:86px;background-color:#fff;color:#347aeb;}
+.head .leftword .btn1:hover{transform: translateY(-10px);
+    -webkit-transform: translateY(-10px);
+    -moz-transform: translateY(-10px);
+    -ms-transform: translateY(-10px);}
+.head .leftword .word2{float:left;width:100%;font-size:14px;color:#eee;margin-top:10px;}
+.head .rightgif{position:absolute;top:114px;right:-24px;cursor:pointer;width:500px;}
+
+
+.btnactive{position:relative;overflow:hidden;}
+.btnactive:before{content:"";position:absolute;width:200%;height:525%;left:0%;top:0%;margin-left:-50%;margin-top:-50%;border-radius:50%; background: rgba(0, 0, 0, .1); animation: spread 1.5s infinite both;
+        -webkit-animation: spread 1.5s infinite both;
+        -moz-animation: spread 1.5s infinite both;
+        -o-animation: spread 1.5s infinite both;}
+
+ @keyframes spread {
+        0% {
+            transform: scale(0);
+            -webkit-transform: scale(0);
+            -moz-transform: scale(0);
+            transform: scale(0);
+        }
+        100% {
+            transform: scale(1);
+            -webkit-transform: scale(1);
+            -moz-transform: scale(1);
+            transform: scale(1);
+        }
+    }
+
+    @-webkit-keyframes spread {
+        0% {
+            transform: scale(0);
+            -webkit-transform: scale(0);
+            -moz-transform: scale(0);
+            transform: scale(0);
+        }
+        100% {
+            transform: scale(1);
+            -webkit-transform: scale(1);
+            -moz-transform: scale(1);
+            transform: scale(1);
+        }
+    }
+
+    @-moz-keyframes spread {
+        0% {
+            transform: scale(0);
+            -webkit-transform: scale(0);
+            -moz-transform: scale(0);
+            transform: scale(0);
+        }
+        100% {
+            transform: scale(1);
+            -webkit-transform: scale(1);
+            -moz-transform: scale(1);
+            transform: scale(1);
+        }
+    }
+
+    @-o-keyframes spread {
+        0% {
+            transform: scale(0);
+            -webkit-transform: scale(0);
+            -moz-transform: scale(0);
+            transform: scale(0);
+        }
+        100% {
+            transform: scale(1);
+            -webkit-transform: scale(1);
+            -moz-transform: scale(1);
+            transform: scale(1);
+        }
+    }
+
+
+.nav{display: none;}
+.w1024{ width: 1200px; }
+body .nav{ display: block; top: 5px; }
+.nav .nav-link li{padding: 12px 0;}
+.head .logolay span{font-size: 28px;font-weight: 400;line-height: 38px;height: 38px;}
+.head .logolay img{ width: 38px;height: 38px; }
+.head .logolay {margin-top: 0;line-height:1;padding-top: 25px;}
+.head .rightgif{ width: 50%; right: 0;}
+.head .leftword h1{font-size: 46px;font-weight: 600; color: white; margin-bottom: 17px;}
+.head .leftword{ width: 45.5%; }
+.head .leftword .word1{font-size: 21px; font-weight: 400; color: white; line-height: 48px; margin-bottom: 40px;}
+.head .leftword>span{font-size: 24px !important;white-space: nowrap;top: 309px !important;left: 355px !important;}
+.head .leftword .btn1{ width: 330px; }
+.head .leftword>span em{color: #fff600 !important;}
+.head{height: 643px;}
+
+@media screen and (max-width:1201px) {
+    body{ min-width: 100%; }
+    .w1024,.icos .ico{ width: 1024px; }
+    .wordbg3 .pian{margin-bottom: 0;}
+}
+
+.nav {
+    position:absolute;right:0px;top:9px;
+}
+
+.nav-link li {
+    padding: 5px 0;
+    float: left;
+}
+
+.nav-link li+li {
+    margin-left: 70px;position: relative;
+}
+
+.nav-link li a {
+    font-size: 16px;
+    color: #fff;
+    line-height: 48px;
+    display: block;
+    position: relative;
+}
+
+.nav-link li a:hover {
+    color: #fff;
+}
+
+.nav-link li a:hover::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    width: 50%;
+    left: 25%;
+    height: 4px;
+    background-color: #fff;
+    border-radius: 4px;
+}
+
+.nav-link li+li::after {
+    content: "";
+    position: absolute;
+    left: -32px;
+    height: 20px;
+    top: 50%;
+    margin-top: -10px;
+    border-left: 1px solid #EDEDED;
+}
+
+
+
+/****   ***/
+.contit {
+	font-size: 2.5rem;
+	margin: 0 0 3rem;
+	line-height: 3rem;
+	font-weight: 400;
+	letter-spacing: 0.1em;
+	position: relative
+}
+
+.contit:before {
+	content: '';
+	position: absolute;
+	width: 100px;
+	height: 4px;
+	background: #007fff;
+	left: 50%;
+	bottom: -2rem;
+	-webkit-transform: translate(-50%, 0);
+	-moz-transform: translate(-50%, 0);
+	-ms-transform: translate(-50%, 0);
+	-o-transform: translate(-50%, 0);
+	transform: translate(-50%, 0)
+}
+.conbox {
+	padding: 4rem 0;
+	text-align: center
+}
+
+#index-skill .skill-box {
+	padding: 2rem 0;
+	flex-wrap: wrap
+}
+
+#index-skill dl {
+	width: calc(25% - 12px);
+	padding: 2.5rem 0;
+	margin: 6px;
+	background: #3892fc;
+	box-shadow: 0 3px 6px rgba(0, 64, 128, 0.08);
+	cursor: pointer
+}
+
+#index-skill dl:hover, #index-skill dl:focus {
+	transform: scale(1.05);
+	box-shadow: 0 0px 24px rgba(0, 64, 128, 0.16)
+}
+
+#index-skill dl dd {
+	color: #fff;
+	font-size: 1.25rem;
+	padding: 0.5rem 0
+}
+
+
+
+/****/
+
+
+
+.titleh2css {
+    height: 46px;
+    font-size: 36px;
+    font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI;
+    font-weight: bold;
+    color: #1F2227;
+    line-height: 42px;
+    margin-top: 80px;
+    text-align: center;
+}
+
+
+/* whyChoiceUs */
+
+.whyChoiceUs {
+    height: 658px;
+    background: #F7F8FA;
+    position: relative;
+    overflow: hidden;
+}
+
+.whylist {
+    width: 1200px;
+    height: auto;
+    margin: 70px auto 0 auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.whyitems {
+    width: 344px;
+    height: 372px;
+    background: #FFFFFF;
+    box-shadow: 0px 8px 30px 0px rgba(12, 51, 152, 0.08);
+    border-radius: 16px;
+    overflow: hidden;
+}
+
+.whyitems>img {
+    display: block;
+    width: 344px;
+    height: 230px;
+    margin: 0 auto;
+}
+
+.whyitems>h3 {
+    height: 24px;
+    font-size: 20px;
+    font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
+    font-weight: 400;
+    color: #1F2227;
+    line-height: 24px;
+    margin-top: 24px;
+    box-sizing: border-box;
+    padding: 0 20px;
+}
+
+.whyitems>p {
+    font-size: 16px;
+    font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
+    font-weight: 400;
+    color: #717F94;
+    line-height: 24px;
+    margin-top: 12px;
+    box-sizing: border-box;
+    padding: 0 20px;
+}
+
+/**  **/
+
+
+.eboox {
+    height: 818px;
+    position: relative;
+    overflow: hidden;
+}
+
+.eboox>.titleh2css {
+    height: 46px;
+    font-size: 36px;
+    font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI;
+    font-weight: bold;
+    color: #1F2227;
+    line-height: 42px;
+    margin: 90px auto 0 auto;
+}
+
+.eboox>h3 {
+    height: 29px;
+    font-size: 22px;
+    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+    font-weight: 400;
+    color: #78818E;
+    line-height: 26px;
+    margin-top: 20px;
+    text-align: center;
+}
+
+.ebooxbanner {
+    display: flex;
+    width: 1200px;
+    height: auto;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin: 115px auto 0 auto;
+}
+
+.ebooxleft {
+    position: relative;
+    top: 0px;
+}
+
+.ebooxitem {
+    height: 120px;
+    box-sizing: border-box;
+    padding-left: 43px;
+    border-left: none;
+    position: relative;
+    box-sizing: border-box;
+    border-left: 2px dashed rgba(22, 31, 45, 0);
+}
+
+.ebooxitem>i {
+    display: block;
+    width: 38px;
+    height: 38px;
+    position: absolute;
+    left: -21px;
+    right: auto;
+    top: -20px;
+    bottom: auto;
+}
+
+.ebooxitem>.emsg {
+    width: 454px;
+    height: 120px;
+    border-radius: 16px 16px 16px 16px;
+    overflow: hidden;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    box-sizing: border-box;
+    padding: 0 30px 0 24px;
+    top: -50px;
+}
+
+.ebooxitem:hover>.emsg , .ebooxitem.active>.emsg{
+    background: linear-gradient(138deg, #3593FF 0%, #267DFF 100%);
+    box-shadow: 0px 2px 14px 0px rgba(11, 89, 195, 0.36);
+    border-radius: 16px 16px 16px 16px;
+    opacity: 1;
+}
+
+.ebooxitem>.emsg>h2 {
+    height: 29px;
+    font-size: 22px;
+    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+    font-weight: bold;
+    color: #3F4753;
+    line-height: 26px;
+}
+
+.ebooxitem:hover>.emsg>h2 ,.ebooxitem.active>.emsg>h2{
+    height: 29px;
+    font-size: 22px;
+    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
+    font-weight: bold;
+    color: #FFFFFF;
+    line-height: 26px;
+}
+
+.ebooxitem>.emsg>p {
+    font-size: 16px;
+    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+    font-weight: 400;
+    color: #585F67;
+    line-height: 19px;
+    margin-top: 8px;
+}
+
+.ebooxitem:hover>.emsg>p,.ebooxitem.active>.emsg>p {
+    color: #FFFFFF;
+}
+
+.zhinanrightimgshowbox {
+    width: 674px;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0;
+}
+
+.zhinanrightimgshowbox>img {
+    display: none;
+}
+
+.zhinanrightimgshowbox>.img1.active {
+    display: block;
+    width: 590px;
+    height: 412px;
+    box-shadow: 2px 2px 6px #eee, -2px -2px 6px #eee;
+}
+
+
+.ebook-down-btn{
+    width: 230px !important;
+    height: 60px !important;
+    border-radius: 10px !important;
+    font-size: 24px !important;
+    line-height: 60px !important;
+}
+.ebook-down-btn span{
+    line-height: 60px !important;
+}

public/static/public/css/base.css

@@ -0,0 +1,343 @@
+html,body{
+    font-family: Microsoft YaHei;
+    font-size: 14px;
+    font-weight:400;
+    -webkit-text-size-adjust:100%;
+    height:100%;
+    width:100%;
+    text-align:left;
+    display:-webkit-box;
+    -webkit-box-orient:vertical;
+    color: #333;
+}
+html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset,div{
+    margin:0;
+    padding:0;
+    box-sizing: border-box;
+}
+input,
+button{
+    overflow: visible;
+    vertical-align:middle;
+    outline:none;
+}
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+input[type="text"],
+input[type="password"] {
+    -webkit-appearance:none;
+    outline:none;
+}
+input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+    }
+    input[type="number"]{
+        -moz-appearance: textfield;
+    }
+body,
+th,
+td,
+button,
+input,
+select,
+textarea{
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing:grayscale;
+}
+ul,ol,dl{
+    list-style-type:none;
+}
+a {
+    background-color: transparent;
+    text-decoration: none;
+    cursor: pointer;
+    color: #333;
+}
+a:active,
+a:hover {
+    outline: 0;
+    text-decoration: none;
+}
+a.nohover:hover{
+    color: inherit;
+    outline: 0;
+    text-decoration: none;
+}
+.fl{float: left;}
+.fr{float: right;}
+button{cursor: pointer;}
+img{
+    border:0;
+    vertical-align:middle;
+}
+a img,img{
+    -ms-interpolation-mode:bicubic;
+}
+table {
+    border-spacing: 0;
+    border-collapse: collapse;
+}
+td,
+th {
+    padding: 0;
+}
+a{color: inherit}
+audio,
+canvas,
+video{
+    display:inline-block;
+    *display:inline;
+    *zoom:1;
+}
+audio:not([controls]){
+    display:none
+}
+svg:not(:root) {
+    overflow: hidden
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+    height: auto
+}
+input[type="search"] {
+    -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+.overflow{
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.more-overflow {
+    display: -webkit-box;
+    word-break: break-all;
+    overflow: hidden;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+/*箭头*/
+.right-arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    right: 15px;
+    border: none;
+    border-left: 0;
+    border-bottom: 0;
+    border-top: 1px solid #969696;
+    border-right: 1px solid #969696;
+    -moz-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+.disnone,.none{display: none; }
+.form-line{
+    position: relative;
+}
+label.error,span.error{
+    color: red;
+    font-size: .7rem;
+    position: absolute;
+    left: 10px;
+    bottom: -18px;
+    margin: auto;
+}
+.pos-re{
+    position: relative;
+}
+.color-66{color: #666;}
+.color-99{color: #999;}
+.color-red{color: #F10215;}
+.color-blue{color: #3383d6;}
+.color-green{color: #22ac38;}
+.font-12{font-size: 12px;}
+.font-14{font-size: 14px;}
+.text-center{text-align: center;}
+.width-1024{
+    width: 1024px;
+    margin: 0 auto;
+}
+.b-title{
+    font-weight: 600;
+    font-size: 26px;
+    position: relative;
+    padding-bottom: 30px;
+    width: 105px;
+}
+/** 首页头部样式 **/
+.header{
+    background-color: #fff;
+}
+.header .top-bg{
+    height: 30px;
+	line-height: 30px;
+	color: #666;
+	font-size: 13px;
+    background-color: #f5f5f5;
+}
+.header .header-top{
+    height: 130px;
+    padding: 30px 0;
+}
+.header .logo{
+    width: 100px;
+    height: 70px;
+    margin-right: 20px;
+}
+.header .space-line{
+    height: 100%;
+    width: 1px;
+    background-color: rgba(0,0,0,0.1);
+    margin-right: 20px;
+}
+.header .logo-brand{
+    margin-right: 10px;
+    width: 100px;
+    height: 70px;
+}
+.header .logo-title{
+    font-size:32px;
+    font-weight:bold;
+    line-height:70px;
+    color: #DC3223;
+}
+.btn-login{
+	background-color: #DC3223;
+	color: #fff;
+	width: 60px;
+	height: 30px;
+	text-align: center;
+	line-height: 30px;
+	cursor: pointer;
+	margin-top: 15px;
+	border-radius: 5px;
+}
+.flex-between{
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+}
+.nav .nav-list{
+    display: flex;
+    flex-wrap: wrap;
+}
+.nav-item{
+    width: 150px;
+    text-align: center;
+    height: 60px;
+    line-height: 60px;
+    font-weight: 600;
+    font-size: 16px;
+    cursor: pointer;
+    position: relative;
+}
+.nav-item.active,.nav-item:hover{
+    background-color: #DC3223;
+    color: #fff;
+}
+.nav-product:hover .nav-product-menu{
+    display: block;
+}
+.nav-product-menu{
+    width: 190px;
+    background-color: rgba(0,0,0,0.4);
+    position: absolute;
+    z-index: 9;
+    display: none;
+}
+.nav-product-menu li{
+    margin: 0 10px;
+    line-height: 48px;
+    font-size: 15px;
+    color: #fff;
+    border-bottom: 1px solid #ddd;
+}
+.call-24{
+    margin-top: 10px;
+}
+.call-24 .dh-ico{
+    width: 40px;
+    height: 40px;
+    margin: 5px 5px 0 0;
+}
+.call-24 .dh-title{
+    font-size: 16px;
+    color: #666;
+    letter-spacing: 4px;
+    text-align: center;
+}
+.call-24 .dh-phone{
+    font-size: 24px;
+    color: #DC3223;
+    font-weight: 600;
+}
+/* 底部導航 */
+.index-footer{
+    width: 100%;
+    background-color: #666;
+    color:rgba(255,255,255,0.4);
+    text-align: center;
+	padding-bottom: 40px;
+	border-top: 4px solid #DC3223;
+}
+.flex-start{
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+}
+.footer-menu{
+    padding: 40px 0 20px;
+}
+.footer-menu span{
+    margin: 0 8px 0 10px;
+}
+.footer-address span{
+    margin-right: 20px;
+}
+.footer-bottom{
+    font-size: 12px;
+    line-height: 40px;
+    color:#333;
+    text-align: center;
+}
+.footer-item{
+	width: 25%;
+	color: #fff;
+	text-align: left;
+	line-height: 1.8;
+}
+.footer-item .footer-title{
+	font-size: 18px;
+	padding: 50px 0 10px;
+}
+.footer-item .footer-img{
+	width: 140px;
+	height: 140px;
+	padding-top: 50px;
+    box-sizing: content-box;
+}
+.footer-center{
+	text-align: center;
+}
+.follow-tips{
+	padding-top: 5px;
+}
+.noselect {
+    -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Chrome/Safari/Opera */
+    -khtml-user-select: none; /* Konqueror */
+    -moz-user-select: none; /* Firefox */
+    -ms-user-select: none; /* Internet Explorer/Edge */
+    user-select: none; /* Non-prefixed version, currently*/
+}

public/static/public/css/index.css

@@ -0,0 +1,660 @@
+.top-bg{
+	background: url('../img/banner.png') no-repeat center center;
+    min-height: 560px;
+	padding-bottom: 10px;
+	background-size: 100% 100%;
+	color: #fff;
+}
+.top-tags{
+	align-items: center;
+	padding: 20px 0;
+	color: #f0f0f0;
+	font-size: 18px;
+}
+.top-tags .t-icon{
+	width: 26px;
+	height: 26px;
+	margin-right: 6px;
+	vertical-align: middle;
+}
+.top-tags .t-span{
+	margin: 0 10px;
+}
+
+
+.top-content{
+	padding: 50px 0 30px;
+}
+.soft-name{
+	font-size: 40px;
+	font-weight: 600;
+}
+.soft-tag{
+	background: url('../img/image_qp.png') no-repeat center center;
+	width: 80px;
+	height: 22px;
+	line-height: 22px;
+	background-size: 100% 100%;
+	display: inline-block;
+	vertical-align: top;
+	margin-top: 16px;
+	margin-left: 5px;
+	text-align: center;
+}
+.soft-funciton{
+	font-size: 26px;
+	padding: 40px 0 30px;
+}
+.soft-desc{
+	font-size: 18px;
+	color: #f1f1f1;
+	padding-bottom: 50px;
+}
+.soft-downloadNum{
+	font-size: 18px;
+	color: #f0c045;
+}
+.btn-download{
+	width: 190px;
+	height: 50px;
+	border-radius: 6px;
+	background-color: #fff;
+	color: #1296db;
+	position: relative;
+	text-align: center;
+	cursor: pointer;
+	margin: 15px 0 20px;
+}
+.btn-download2{
+	width: 160px;
+	height: 45px;
+    background-color: #379c7b;
+    color: #fff;
+}
+.btn-download:hover{
+	background-color: #f1f1f1;
+}
+.btn-download2:hover{
+    background-color: #1cc089;
+}
+.btn-download .icon-download{
+	display: inline-block;
+	width: 14px;
+	height: 14px;
+	background: url('../img/icon-down1.png') no-repeat center center;
+	background-size: 100% 100%;
+	position: absolute;
+	top: 10px;
+	left: 32px;
+	animation: dwon 1s infinite;
+	-webkit-animation: dwon 1s infinite;
+	-moz-animation: dwon 1s infinite;
+}
+.btn-download .down-name{
+	display: inline-block;
+	font-size: 24px;
+	padding-left: 40px;
+	line-height: 50px;
+	background: url('../img/icon-down2.png') no-repeat;
+	background-position-x: 0;
+	background-position-y: 32px;
+	position: relative;
+	background-size: 24px;
+}
+.btn-download2 .icon-download{
+	background: url('../img/icon-down.png') no-repeat center center;
+	background-size: 100% 100%;
+	position: absolute;
+	top: 10px;
+	left: 33px;
+	animation: dwon 1s infinite;
+	-webkit-animation: dwon 1s infinite;
+	-moz-animation: dwon 1s infinite;
+}
+.btn-download2 .down-name{
+	background: url('../img/icon-bot.png') no-repeat;
+	background-position-x: 0;
+	background-position-y: 28px;
+	position: relative;
+	background-size: 24px;
+	font-size: 16px;
+    line-height: 45px;
+}
+@keyframes dwon {
+    0%,
+    100% {
+        top: 6px;
+    }
+    50% {
+        top: 14px;
+    }
+}
+
+@-webkit-keyframes dwon {
+    0%,
+    100% {
+        top: 6px;
+    }
+    50% {
+        top: 14px;
+    }
+}
+
+@-moz-keyframes dwon {
+    0%,
+    100% {
+        top: 6px;
+    }
+    50% {
+        top: 14px;
+    }
+}
+.img-detail{
+	width: 450px;
+	margin-top: 30px;
+}
+.p-line{
+	line-height: 2;
+	color: #f1f1f1;
+}
+.pl-span{
+	margin-right: 15px;
+}
+.audio-list{
+	flex-wrap: wrap;
+}
+.audio-item, .audio-item2{
+	width: 14.28%;
+	text-align: center;
+	margin-bottom: 30px;
+	cursor: pointer;
+	position: relative;
+}
+.audio-item:hover{
+	transform: scale(1.2);
+}
+.audio-item img, .audio-item2 img{
+	width: 60%;
+	margin-bottom: 10px;
+}
+.more-txt{
+	position: absolute;
+	width: 100%;
+	text-align: center;
+	bottom: 0;
+}
+.icon-more{
+	position: absolute;
+	margin: auto;
+	left: 0;
+	right: 0;
+	top: 10px;
+	animation: larger 1.5s infinite;
+	-webkit-animation: larger 1.5s infinite;
+	-moz-animation: larger 1.5s infinite;
+}
+@keyframes larger {
+    0%,
+    100% {
+        width: 60%;
+    }
+    50% {
+        width: 50%;
+    }
+}
+
+@-webkit-keyframes larger {
+    0%,
+    100% {
+        width: 60%;
+    }
+    50% {
+        width: 50%;
+    }
+}
+
+@-moz-keyframes larger {
+    0%,
+    100% {
+        width: 60%;
+    }
+    50% {
+        width: 50%;
+    }
+}
+.index-about{
+    background-color: #fff;
+}
+.index-title{
+    text-align: center;
+    padding: 20px 0;
+}
+.index-title .name{
+    color: #333;
+    font-size: 24px;
+    font-weight: 600;
+    padding: 35px 0 20px;
+}
+.index-title .desc{
+    width: 276px;
+    margin: 0 auto;
+    background-color: #ebebeb;
+    border-radius: 18px;
+    color: #999;
+    font-size: 14px;
+    text-align: center;
+    line-height: 36px;
+}
+.info-flex{
+	display: flex;
+	flex-wrap: nowrap;
+	justify-content: space-around;
+	align-items: center;
+	padding: 50px 0;
+}
+
+.info-img, .info-content{
+	width: 45%;
+}
+
+.into-title{
+	font-size: 22px;
+	line-height: 2.2;
+	font-weight: 600;
+}
+
+.info-desc{
+	font-size: 14px;
+	line-height: 1.8;
+	color: #666;
+}
+/** 首頁輪播圖 **/
+.banner-bg{
+    width: 100%;
+    min-width: 1200px;
+    height: 500px;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: auto 100%;
+}
+.index-banner{
+    position: relative;
+	padding-top: 10px;
+}
+.swiper-container {
+    width: 1024px;
+    height: 300px;
+}
+
+.head-item{
+	text-align: center;
+	width: 76%;
+	margin: auto;
+	background-color: #fff;
+	padding: 20px 30px;
+	box-sizing: content-box;
+}
+.head-item .head-icon{
+	width: 100px;
+	height: 100px;
+	border-radius: 50%;
+}
+.head-item .head-name{
+	text-align: center;
+	padding: 15px 0;
+}
+.head-item .head-desc{
+	text-align: left;
+	line-height: 1.8;
+	margin-bottom: 10px;
+}
+.head-item .head-time{
+	text-align: right;
+	color: #999;
+}
+
+/*rename*/
+.info-flex .f-item{
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: center;
+    width: 33.33%;
+    align-items: center;
+    margin: 20px 0;
+    font-size: 14px;
+}
+.font-14{
+    font-size: 14px;
+}
+.info-flex .icon-o {
+    width: 50px;
+    height: 40px;
+    margin-right: 20px;
+}
+
+.info-flex .f-item2{
+    width: 26%;
+    text-align: center;
+    margin: 20px 0;
+    font-size: 14px;
+}
+
+.f-item2 .f-cont{
+    font-weight: 600;
+    font-size: 16px;
+    margin: 20px 0 10px 0;
+}
+
+.info-flex .icon-o2 {
+    width: 50px;
+    height: 50px;
+}
+.rename-list{
+    flex-wrap: wrap;
+    margin-bottom: 50px;
+    line-height: 2.4;
+}
+.rename-item{
+    width: 33.33%;
+    text-align: center;
+}
+/* 视频 */
+.videos-list{
+	flex-wrap: wrap;
+}
+.videos-item, .videos-item2{
+	width: 16.66%;
+	text-align: center;
+	margin-bottom: 30px;
+	cursor: pointer;
+	position: relative;
+}
+.videos-item:hover{
+	transform: scale(1.2);
+}
+.videos-item img, .videos-item2 img{
+	width: 60%;
+	margin-bottom: 10px;
+}
+
+#progressBar{
+    height: 50px;
+    position: relative;
+    margin: 20px auto;
+}
+#progressBar div{
+    width: 100%;
+    height: 10px;
+    position: absolute;
+    top:50%;
+    left: 0;
+    margin-top:-20px;
+    background: #ccc;
+}
+#progressBar div span{
+    position: absolute;
+    display: inline-block;
+    background: #ff9007;
+    height: 10px;
+    width: 100%;
+	animation: bgLoad 15s infinite;
+	-webkit-animation: bgLoad 15s infinite;
+	-moz-animation: bgLoad 15s infinite;
+}
+@keyframes bgLoad {
+    0%{
+        width: 0%;
+    }
+    40%{
+         width: 50%;
+    }
+    80%{
+        width:100%;
+    }
+    100%{
+        width:100%;
+    }
+}
+@-webkit-keyframes bgLoad{
+    0%{
+        width: 0%;
+    }
+    33.3%{
+         width: 50%;
+    }
+    70%{
+        width: 100%;
+    }
+    100%{
+        width: 100%;
+    }
+}
+@-moz-keyframes bgLoad{
+    0%{
+        width: 0%;
+    }
+    33.3%{
+         width: 50%;
+    }
+    70%{
+        width: 100%;
+    }
+    100%{
+        width: 100%;
+    }
+}
+#progressBar>span{
+    position: absolute;
+    top:0;
+    margin-top: -10px;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: #ccc;
+    margin-left: -20px;
+    color:#fff;
+    text-align: center;
+    line-height: 40px;
+    cursor: pointer;
+}
+@keyframes circleLoad_1 {
+    0%,50%{
+        background: #ccc;
+    }
+    100%{
+        background:#ff9007;
+    }
+}
+@-webkit-keyframes circleLoad_1{
+    0%,50%{
+        background: #ccc;
+    }
+    100%{
+        background:#ff9007;
+    }
+}
+@-moz-keyframes circleLoad_1{
+    0%,50%{
+        background: #ccc;
+    }
+    100%{
+        background:#ff9007;
+    }
+}
+
+@keyframes circleLoad_2 {
+    0%,70%{
+        background: #ccc;
+    }
+    100%{
+        background:#ff9007;
+    }
+}
+@-webkit-keyframes circleLoad_2{
+    0%,70%{
+        background: #ccc;
+    }
+    100%{
+        background:#ff9007;
+    }
+}
+@-moz-keyframes circleLoad_2{
+    0%,70%{
+        background: #ccc;
+    }
+    100%{
+        background:#ff9007;
+    }
+}
+#progressBar span:nth-child(2){
+    left: 0%;background:#ff9007;
+}
+#progressBar span:nth-child(3){
+    left: 50%;background:#ff9007;
+	animation: circleLoad_1 5s ease-in;
+	-webkit-animation: circleLoad_1 5s ease-in;
+	-moz-animation: circleLoad_1 5s ease-in;
+}
+#progressBar span:nth-child(4){
+    left: 100%;background:#ff9007;
+	animation: circleLoad_2 10s ease-in;
+	-webkit-animation: circleLoad_2 10s ease-in;
+	-moz-animation: circleLoad_2 10s ease-in;
+}
+
+.step-content{
+    text-align: center;
+}
+.step-desc{
+    padding: 30px 0;
+    font-size: 16px;
+}
+.step-img{
+    width: 800px;
+}
+
+.step1{
+	animation: step1 15s infinite;
+	-webkit-animation: step1 15s infinite;
+	-moz-animation: step1 15s infinite;
+}
+@keyframes step1 {
+    0%, 33.33%{
+        height: auto;
+        opacity: 1;
+    }
+    33.34%,100%{
+        height: 0;
+        opacity: 0;
+    }
+}
+@-webkit-keyframes step1{
+    0%, 33.33%{
+        height: auto;
+        opacity: 1;
+    }
+    33.34%,100%{
+        height: 0;
+        opacity: 0;
+    }
+}
+@-moz-keyframes step1{
+    0%, 33.33%{
+        height: auto;
+        opacity: 1;
+    }
+    33.34%,100%{
+        height: 0;
+        opacity: 0;
+    }
+}
+.step2{
+	animation: step2 15s infinite;
+	-webkit-animation: step2 15s infinite;
+	-moz-animation: step2 15s infinite;
+}
+@keyframes step2 {
+    0%,33.33%{
+        height: 0;
+        opacity: 0;
+    }
+    33.34%,66.66%{
+        height: auto;
+        opacity: 1;
+    }
+    66.67%,100%{
+        height: 0;
+        opacity: 0;
+    }
+}
+@-webkit-keyframes step2{
+    0%,33.33%{
+        height: 0;
+        opacity: 0;
+    }
+    33.34%,66.66%{
+        height: auto;
+        opacity: 1;
+    }
+    66.67%,100%{
+        height: 0;
+        opacity: 0;
+    }
+}
+@-moz-keyframes step2{
+    0%,33.33%{
+        height: 0;
+        opacity: 0;
+    }
+    33.34%,66.66%{
+        height: auto;
+        opacity: 1;
+    }
+    66.67%,100%{
+        height: 0;
+        opacity: 0;
+    }
+}
+.step3{
+	animation: step3 15s infinite;
+	-webkit-animation: step3 15s infinite;
+	-moz-animation: step3 15s infinite;
+}
+@keyframes step3 {
+    0%,66.66%{
+        height: 0;
+        opacity: 0;
+    }
+    66.67%,100%{
+        height: auto;
+        opacity: 1;
+    }
+}
+@-webkit-keyframes step3{
+    0%,66.66%{
+        height: 0;
+        opacity: 0;
+    }
+    66.67%,100%{
+        height: auto;
+        opacity: 1;
+    }
+}
+@-moz-keyframes step3{
+    0%,66.66%{
+        height: 0;
+        opacity: 0;
+    }
+    66.67%,100%{
+        height: auto;
+        opacity: 1;
+    }
+}
+.disHeight{
+    height: 0 !important;
+    opacity: 0 !important;
+}
+.showHeight{
+    height: auto;
+    opacity: 1 !important;
+}

resources/views/home/http/softebook.blade.php

@@ -0,0 +1,327 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="renderer" content="webkit">
+    <meta name="referrer" content="always">
+    <meta name="keywords" content="星优电子书助手,星优电子书助手下载">
+    <meta name="description" content="星优电子书助手是星优办公软件旗下软件产品，从这里你可以下载星优电子书助手软件正版软件，星优办公软件-专注办公软件工具的开发和发布-让工作变得更简单。">
+    <title>星优电子书助手-星优电子书助手免费下载安装_星优办公软件</title>
+    <link href="https://at.alicdn.com/t/font_1871031_mwzxo6key9.css" rel="stylesheet" type="text/css">
+    <link href="/static/public/swiper/swiper-4.3.3.min.css" rel="stylesheet" type="text/css">
+    <link href="/static/public/css/base.css" rel="stylesheet" type="text/css">
+    <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
+    <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
+    <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
+    <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
+    <script type="text/javascript" src="/static/js/babel.min.js"></script>
+    <script type="text/javascript" src="/static/js/vue.min.js"></script>
+    <script type="text/javascript" src="/static/js/iview.min.js"></script>
+    <script src="/static/js/axios.min.js"></script>
+    <script src="/static/js/utils.js"></script>
+    <script src="/static/js/config.js"></script>
+    <script>
+
+    </script>
+    <style>
+        .nav-ebook {
+            position:absolute;
+            right:0px;
+            top:9px;
+            color: #fff;
+        }
+
+        .nav-ebook-link li {
+            padding: 5px 0;
+            float: left;
+        }
+
+        .nav-ebook-link li+li {
+            margin-left: 70px;
+            position: relative;
+        }
+
+        .nav-ebook-link li a {
+            font-size: 16px;
+            color: #fff;
+            line-height: 48px;
+            display: block;
+            position: relative;
+        }
+
+        .nav-ebook-link li a:hover {
+            color: #fff;
+        }
+
+        .nav-ebook-link li a:hover::after {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            width: 50%;
+            left: 25%;
+            height: 4px;
+            background-color: #fff;
+            border-radius: 4px;
+        }
+
+        .nav-ebook-link li+li::after {
+            content: "";
+            position: absolute;
+            left: -32px;
+            height: 20px;
+            top: 50%;
+            margin-top: -10px;
+            border-left: 1px solid #EDEDED;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="header">
+        @include('home.common.header')
+    </div>
+    <div id="app">
+        <!-- 頭部導航 -->
+        <div class="header">
+
+            <!-- 导航栏 -->
+            <div class="nav noselect">
+                <div class="width-1200 nav-list">
+                    <a href="{{ toRoute('') }}">
+                        <div class="nav-item">首页</div>
+                    </a>
+                    <a href="{{ toRoute('softcenter') }}">
+                        <div class="nav-item active">Windows软件</div>
+                    </a>
+                    <a href="{{ toRoute('softcentermac') }}">
+                        <div class="nav-item">Mac软件</div>
+                    </a>
+                    <a href="{{ toRoute('buy') }}">
+                        <div class="nav-item">购买</div>
+                    </a>
+                    <a href="{{ toRoute('help') }}">
+                        <div class="nav-item">帮助中心</div>
+                    </a>
+                    <a href="{{ toRoute('about') }}">
+                        <div class="nav-item">关于我们</div>
+                    </a>
+                </div>
+            </div>
+
+        </div>
+        <!--- 首頁輪播 --->
+        <div class="index-banner head">
+            <div class="w1024">
+                <div class="logolay">
+                    <img src="/static/ebook/icon.png" style="width: auto;">
+                    <span>星优办公软件</span>
+                </div>
+                <div class="nav-ebook">
+                    <ul class="nav-ebook-link js-down">
+                        <li>
+                            <a class="js-down">电子书转PDF</a>
+                        </li>
+                        <li>
+                            <a class="js-down">电子书转Word</a>
+                        </li>
+                        <li>
+                            <a class="js-down">电子书转TXT</a>
+                        </li>
+                        <li>
+                            <a class="js-down">文件转电子书</a>
+                        </li>
+                    </ul>
+                </div>
+
+                <div class="leftword">
+                    <h1>星优电子书助手</h1><span class="soft-tag" style="font-size: 12px !important;">官方版</span>
+                    <p class="word1">电子书转PDF、电子书转Word<br>电子书转TXT、文件转电子书<br>支持各种文件批量添加处理，一键高效处理
+                        <a class="btn1 btnactive js-down ebook-down-btn" href="https://download.yososoft.com/YSEbook/YSEbook_TTY.exe"><span>立即下载</span></a>
+                    </p>
+                    <p class="word2">版本号：v1.2.1.0 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 软件大小：1.56MB</p>
+                    <p class="word2">更新时间：2023-11-21 &nbsp;适合系统：Win7/Win8/Win10</p>
+                </div>
+                <img class="rightgif" src="/static/ebook/1.png">
+            </div>
+        </div>
+
+
+        <div id="index-skill" class="conbox w">
+            <div class="container">
+                <h2 class="contit">支持转换格式</h2>
+                <div class="skill-box flex flex-between">
+                    <dl class="skill" style="background: #ff59ac">
+                        <dt><img src="/static/ebook/icon-16.png" alt=""></dt>
+                        <dd>pdf转epub</dd>
+                    </dl>
+                    <dl class="skill" style="background: #ff7919">
+                        <dt><img src="/static/ebook/icon-17.png" alt=""></dt>
+                        <dd>epub转pdf</dd>
+                    </dl>
+                    <dl class="skill" style="background: #ff5975">
+                        <dt><img src="/static/ebook/icon-08.png" alt=""></dt>
+                        <dd>电子书转Word</dd>
+                    </dl>
+                    <dl class="skill" style="background: #00b073">
+                        <dt><img src="/static/ebook/icon-09.png" alt=""></dt>
+                        <dd>电子书转PDF</dd>
+                    </dl>
+                    <dl class="skill" style="background: #f27a3b">
+                        <dt><img src="/static/ebook/icon-10.png" alt=""></dt>
+                        <dd>PDF转电子书</dd>
+                    </dl>
+                    <dl class="skill" style="background: #0094b0">
+                        <dt><img src="/static/ebook/icon-07.png" alt=""></dt>
+                        <dd>TXT转电子书</dd>
+                    </dl>
+                    <dl class="skill" style="background: #b0009f">
+                        <dt><img src="/static/ebook/icon-06.png" alt=""></dt>
+                        <dd>MOBI转PDF</dd>
+                    </dl>
+                    <dl class="skill" style="background: #00cc44">
+                        <dt><img src="/static/ebook/icon-12.png" alt=""></dt>
+                        <dd>更多</dd>
+                    </dl>
+                </div>
+            </div>
+        </div>
+
+
+        <div class="eboox">
+            <h2 class="titleh2css">
+                <span>格式转换操作指南</span>
+            </h2>
+            <h3>为了您能够快速了解并且使用该软件，请您详细阅读操作指南</h3>
+            <div class="ebooxbanner">
+                <div class="ebooxleft">
+                    <div class="ebooxitem">
+                        <i></i>
+                        <div class="emsg">
+                            <h2>01.运行软件</h2>
+                            <p>在电脑中安装星优电子书助手并运行该软件
+                            </p>
+                        </div>
+                    </div>
+                    <div class="ebooxitem">
+                        <i></i>
+                        <div class="emsg">
+                            <h2>02.选择功能</h2>
+                            <p>选择进入'EPUB转PDF'、'EPUB转Word'等功能</p>
+                        </div>
+                    </div>
+                    <div class="ebooxitem">
+                        <i></i>
+                        <div class="emsg">
+                            <h2>03.添加文件</h2>
+                            <p>点击按钮添加转换的文件，或通过添加目录的方式导入</p>
+                        </div>
+                    </div>
+                    <div class="ebooxitem">
+                        <i></i>
+                        <div class="emsg">
+                            <h2>04.转换及保存</h2>
+                            <p>点击【开始转换】，可到【输出目录】中查看结果文件
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="zhinanrightimgshowbox">
+                    <img class="img1 active" src="/static/ebook/1.png" alt="">
+                </div>
+            </div>
+
+        </div>
+
+
+        <!-- 选择 -->
+        <div class="whyChoiceUs">
+            <h2 class="titleh2css">为什么选择我们</h2>
+            <div class="whylist">
+                <div class="whyitems">
+                    <img src="/static/ebook/whyimg1.png" alt="高效稳定，效果出众">
+                    <h3>高效稳定，效果出众</h3>
+                    <p>强劲性能助力，轻松处理电子书文档，高还原电子书样式</p>
+                </div>
+                <div class="whyitems">
+                    <img src="/static/ebook/whyimg2.png" alt="功能全面，多格式转换">
+                    <h3>功能全面，多格式转换</h3>
+                    <p>支持电子书转文档等数多种格式，相互转换轻松方便</p>
+                </div>
+                <div class="whyitems">
+                    <img src="/static/ebook/whyimg3.png" alt="一键操作，批量处理">
+                    <h3>一键操作，批量处理</h3>
+                    <p>上手简单，文件转换速度快，批量多文件处理效率高</p>
+                </div>
+            </div>
+        </div>
+
+
+
+
+        @include('home.common.footer')
+
+    </div>
+
+
+</body>
+
+<script type="text/javascript" src="/static/public/swiper/swiper-4.3.3.min.js"></script>
+<script>
+    new Vue({
+        el: '#app',
+        data: {
+            target: 'https://www.xingyousoft.com',
+            productList: [],
+        },
+        mounted: function() {
+
+            var swiper = new Swiper(".swiper-container", {
+                slidesPerView: 3,
+                navigation: {
+                    nextEl: '.swiper-button-next',
+                    prevEl: '.swiper-button-prev',
+                },
+            });
+
+            this.initList();
+        },
+        //方法
+        methods: {
+            initList: function() {
+                // let _this = this;
+                // axios.post(_this.target + '/api/index/product_list', {
+                //     size: 100,
+                //     page: 1
+                // }).then(function(response) {
+                //     if (response.data.result) {
+                //         this.productList = response.data.data.list;
+                //         console.log(response.data.data)
+                //     }
+                // }.bind(_this)).catch(function(error) {
+                //     console.log(error);
+                // });
+            },
+        },
+    });
+</script>
+
+<style>
+    .info-flex .f-item2 {
+        width: 25%;
+        text-align: center;
+        line-height: 3;
+        font-weight: 600;
+        font-size: 15px;
+    }
+
+    .info-flex .icon-o {
+        width: 100px;
+        height: 100px;
+        margin-right: 0;
+    }
+</style>
+
+</html>

routes/web.php

@@ -42,6 +42,7 @@ Route::get('/detail', 'HelpController@index');
 Route::get('/about', 'AboutController@index');
 Route::get('/news/category/{cid?}', 'HelpController@category');
 Route::get('/news/detail/{mid?}', 'HelpController@detail');
+Route::get('/softcenter/YSEbook', 'SoftcenterController@YSEbook');
 
 
 // 测试