first commit

历届学生/学生公司项目/朱祥龙/hyGw/public/css/admin/tpl/public.css

@@ -0,0 +1,4 @@
+/* 自定义覆盖UI框架样式 */
+.layui-layout-admin .layui-body {
+    padding: 10px;
+}

历届学生/学生公司项目/朱祥龙/hyGw/public/css/home/about.css

@@ -0,0 +1,105 @@
+.company{
+    display: flex;
+    width: 100%;
+}
+
+.company_server{
+    width: 100%;
+}
+
+.company_server ul{
+    display: flex;
+    width: 100%;
+    padding: 33px;
+}
+
+.company_server ul li{
+    width: 25%;
+    padding: 10px;
+}
+
+.company_server ul li img{
+    width: 100%;
+    height: 100%;
+    border-radius: 10px;
+}
+
+.company_server ul li span p{
+    text-align: center;
+    font-size: 19px;
+}
+
+.company_img{
+    width: 50%;
+    padding: 0 15px;
+}
+
+.company_img img{
+    width: 100%;
+    height: 100%;
+}
+
+.company_in {
+    width: 50%;
+    margin: 0 15px;
+    text-indent: 2rem;
+}
+
+.company_in p{
+    margin: 8px 0;
+}
+
+.product h3{
+    text-align: center;
+}
+
+.product_p{
+    text-align: center;
+}
+
+.line_p{
+    position: relative;
+}
+
+.divider{
+    height: 60px;
+}
+
+.line{
+    border-bottom: 1px solid rgba(238, 238, 238, 1);
+    height: 36px;
+}
+
+.project span{
+    padding: 10px 10px;
+}
+
+@media screen and (max-width: 772px) {
+    .company_server ul{
+        display: block;
+        width: 100%;
+        padding: 33px;
+    }
+    .company_server ul li {
+        width: 100%;
+        padding: 10px;
+    }
+    .company{
+        display: block;
+    }
+    .company_in{
+        width: 100%;
+    }
+    .company_img{
+        width: 100%;
+    }
+    .company_img img {
+        width: 100%;
+        height: 100%;
+    }
+    .company_in {
+        margin: 30px 15px;
+        text-indent: 2rem;
+    }
+}
+

历届学生/学生公司项目/朱祥龙/hyGw/public/css/home/contact.css

@@ -0,0 +1,98 @@
+.content_message{
+    text-align: center;
+}
+
+.zz-comp{
+    height: 60px;
+}
+
+.title{
+    font-size: 18px;
+    line-height: 1.5;
+    text-align: inherit;
+}
+
+.content_group h2{
+    text-align: center;
+}
+
+.input-group input{
+    margin: 0 10px;
+}
+
+.input-group {
+    width: 100%;
+    position: relative;
+    display: flex;
+    padding-bottom: 20px;
+    border-collapse: separate;
+}
+
+.col-lg-6{
+    width: 100%;
+}
+
+textarea{
+    width: 100%;
+    height: 120px;
+}
+
+.row button{
+    margin-top: 20px;
+}
+
+.content_button{
+    display: flex;
+    justify-content: center;
+}
+
+.content_button button{
+    background-color: rgba(220, 36, 42, 1);
+    color: rgba(255, 255, 255, 1);
+    font-size: 16px;
+    border: 0px solid rgba(90, 72, 251, 1);
+    border-radius: 0px 0px 0px 0px;
+    padding: 18px 60px 18px 60px;
+}
+
+.message ul{
+    display: flex;
+    width: 95%;
+    justify-content: space-between;
+}
+
+.message{
+    display: flex;
+    justify-content: center;
+    position: relative;
+    padding: 0px 0px 0px 0px;
+    border-radius: 0px 0px 0px 0px;
+}
+
+.title{
+    line-height: 43px;
+    padding-top: 12px;
+}
+
+.img{
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.img img{
+    object-fit: contain;
+    height: 59%;
+    width: 12%;
+    position: absolute;
+    top: 26%;
+    left: 4%;
+}
+
+.message ul li{
+    margin: 12px 0px;
+    border: 1px solid #80808014;
+    width: 33.333336%;
+}

历届学生/学生公司项目/朱祥龙/hyGw/public/css/home/index.css

@@ -0,0 +1,575 @@
+.product_in{
+    display: flex;
+}
+
+.product_in li{
+    display: inline-block;
+    width: 50%;
+    padding: 35px;
+}
+
+
+.product span{
+    color: #9FC43F;
+    font-size: 48px;
+    text-align: center;
+    display:block;
+    padding: 24px 0;
+    box-sizing: border-box;
+}
+
+.product_pr{
+    text-align: center;
+}
+
+.product_in li img{
+    width: 100%;
+    height: 100%;
+}
+
+.product_in p{
+    text-align: center;
+    background: #FFFFFF;
+    line-height: 68px;
+}
+
+.lia{
+    border: 1px solid rgba(222, 222, 222, 1);
+    box-shadow: 0px 2px 12px 3px rgba(61, 61, 61, 0.09);
+    border-radius: 0px 0px 0px 0px;
+}
+
+.customizedwebsite{
+    text-align: center;
+    border: 1px solid #dcdfe6;
+    border-radius: 40px 40px 40px 40px;
+    padding: 12px 40px 12px 40px;
+    color: #606266;
+    font-size: 14px;
+}
+
+.attachment_top{
+    width: 100%;
+    height: 500px;
+    background-image:url('/img/bg.png');
+    background-repeat:no-repeat;
+    background-attachment:fixed;
+    background-size: 100%;
+}
+
+.attachment_welcome span{
+    margin-left: 31%;
+}
+
+.attachment_font3{
+    color: rgba(255, 255, 255, 1);
+    line-height: 2.7;
+    font-size: 16px;
+    text-align: center;
+    text-indent: 1px;
+}
+
+.attachment_font2{
+    color: rgba(239, 239, 239, 1);
+    line-height: 2.2;
+    font-size: 16px;
+    text-align: center;
+}
+
+.attachment {
+    padding-top: 147px;
+    text-align: center;
+    color: #fff;
+    font-size: 45px;
+}
+
+.down img{
+    color: rgba(0, 0, 0, 1);
+    line-height: 1.5;
+    width: 30px;
+    height: 30px;
+}
+
+.server{
+    text-align: center;
+    background-image:url(/img/1559644337631.jpg);
+    background-repeat:no-repeat;
+    background-size: 100%;
+}
+
+.server span{
+    color: #9FC43F;
+    font-size: 48px;
+    text-align: center;
+    display: inline-block;
+    padding: 24px 0;
+    box-sizing: border-box;
+}
+
+.serviceitems{
+    display: flex;
+    justify-content: space-between;
+    padding: 20px 12px 0 28px;
+}
+
+.serviceitems_in{
+    background-image: url(/img/112903f7.jpg);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    border-radius: 10px;
+    width: 30%;
+}
+
+.box-ul{
+    display: flex;
+    justify-content: space-around;
+    font-size: 15px !important;
+}
+
+.box-content ul{
+    padding: 0 15px;
+}
+
+.serviceitems_text span{
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 60px;
+    padding: 12px;
+    font-size: 16px;
+    line-height: 28px;
+    text-align: left;
+    text-indent: 2em;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.68);
+    opacity: 0;
+    height: 100%;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    transition: all 10s;
+}
+
+.server_top{
+    padding-top: 20px;
+}
+
+.serviceitems_text span:hover{
+    opacity: 100;
+    background-color: #00f;
+    transform:translateY(500px) translateX(500px) scale(0.8) rotate(120deg);
+}
+
+.serviceitems_title{
+    bottom: 0;
+    color: #FFF;
+    text-align: center;
+    width: 100%;
+    line-height: 60px;
+    background-color: #0D4C78CC;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
+.trust span{
+    color: #9FC43F;
+    font-size: 48px;
+    text-align: center;
+    display: block;
+    padding: 24px 0;
+    box-sizing: border-box;
+}
+
+.trust p{
+    text-align: center;
+}
+
+.trust_li{
+    list-style: none;
+    text-decoration: blink;
+    display: flex;
+}
+
+.trust_li li{
+    width: 25%;
+    text-align: center;
+    padding: 0 12px 0 12px;
+}
+
+.trust_li li img{
+    width: 100%;
+    height: 74px;
+}
+
+.technological span{
+    color: #9FC43F;
+    font-size: 48px;
+    text-align: center;
+    display: block;
+    padding: 24px 0;
+    box-sizing: border-box;
+}
+
+.technological ul li img{
+    width: 80px;
+    height: 80px;
+}
+
+.technological ul{
+    display: flex;
+    justify-content: space-around;
+}
+
+.technological ul li{
+    list-style: none;
+    text-decoration:blink ;
+    text-align: center;
+}
+
+.introduce{
+    background: #FFFFFF;
+}
+
+.introduce span{
+    color: #000;
+    font-size: 48px;
+    text-align: center;
+    display: block;
+    padding: 24px 0;
+    box-sizing: border-box;
+}
+
+.introduce_in{
+    display: flex;
+    justify-content: space-around;
+}
+
+.introduce_in span{
+    text-indent: 2em;
+    line-height: 23px;
+    font-size: 15px;
+    color: #9FC43F;
+    box-sizing: border-box;
+    text-align: left;
+    margin: 0 0 8px 0;
+    padding: 0;
+}
+
+.introduce_p{
+    margin: 0 13px;
+}
+
+.introduce_in img{
+    margin: 88px 16px 28px 12px;
+}
+
+.div{
+    padding-top: 44px;
+}
+
+.div h3{
+    font-size: 22px;
+    text-align: center;
+}
+
+.attachment_bottom{
+    background-image: url(http://s-10112.p.cdn-static.cn/1559037628207.png);
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 273px;
+    background-attachment: fixed;
+    background-size: 100% 100%;
+}
+
+.attachment_welcome{
+    width: 40%;
+    height: 100%;
+    background: #009AFA;
+    margin: auto;
+    position: relative;
+}
+
+.attachment_welcome p{
+    width: 100%;
+    line-height: 1.2;
+    font-size: 26px;
+    text-align: center;
+    color: #FFFFFF;
+    margin: 8px 0;
+    word-wrap: break-word;
+    font-weight: bold;
+    margin: auto;
+    top: 64px;
+    position: absolute;
+}
+
+.technological h3{
+    font-size: 16px;
+}
+
+.attachment_welcome_button{
+    width: 100%;
+}
+
+.attachment_welcome_button{
+    display: flex;
+    justify-content: space-around;
+}
+
+.attachment_welcome_button button{
+    border: 1px solid #dcdfe6;
+    border-radius: 4px 4px 4px 4px;
+    padding: 12px 40px 12px 40px;
+    color: #606266;
+    font-size: 14px;
+    position: absolute;
+    bottom: 45px;
+}
+
+@media screen and (max-width: 772px) {
+    .attachment_top{
+        background-size: 100% 100%;
+    }
+    .box img {
+        width: 50% !important;
+    }
+    .box:before, .box:after {
+        width: 50% !important;
+    }
+    .attachment_bottom{
+        background-image: url(http://s-10112.p.cdn-static.cn/1559037628207.png);
+        width: 100%;
+        height: 273px;
+        background-attachment: fixed;
+        background-size: 100% 100%;
+    }
+    .serviceitems {
+        display: block;
+        justify-content: space-between;
+        padding-top: 18px;
+    }
+    .serviceitems_in {
+        background-image: url(/img/112903f7.jpg);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        border-radius: 10px;
+        width: 30%;
+        margin: auto;
+    }
+    .attachment_top{
+        width: 100%;
+        height: 500px;
+        background:#009afa;
+        background-attachment:fixed;
+        background-size: 100%;
+    }
+    .server_soft{
+        display: block;
+        padding-top: 20px;
+    }
+    .server_soft img{
+        width: 60%;
+        height: 100%;
+        box-shadow: 1px 5px 7px 1px;
+        margin: 0;
+    }
+    .server_soft_r{
+        float: right;
+        margin-top: 22px;
+        width: 100%;
+    }
+    .server_soft_l{
+        width: 100%;
+    }
+    .product_in{
+        display: block;
+        text-align: center;
+    }
+    .product_in li {
+        width: 70%;
+    }
+    .lia{
+        width: 100%;
+    }
+    .product_in li {
+        display: inline-block;
+        padding: 35px;
+    }
+    .trust_li{
+        list-style: none;
+        text-decoration: blink;
+        display: block;
+    }
+    .trust_li li {
+        text-align: center;
+        padding: 0 12px 0 12px;
+        width: 100%;
+    }
+    .introduce_in {
+        display: block;
+        justify-content: space-around;
+    }
+    .introduce_in span
+    {
+        margin: 12px 12px 0px 12px;
+    }
+    .introduce_in img{
+        display: block;
+        margin: auto;
+        padding-top: 29px;
+    }
+    .technological ul{
+        display: block;
+    }
+}
+
+@media screen and (max-width: 890px) {
+    .attachment_top{
+        background-size: 100% 100%;
+    }
+    .div {
+        padding-top: 72px;
+    }
+}
+
+@media (min-width: 885px){
+    .attachment_top{
+        background-size: 100% 100%;
+    }
+    .box {
+        margin: 0 0 30px;
+    }
+    .col-md-4 {
+        width: 25% !important;
+        padding-top: 50px;
+    }
+    .div {
+        padding-top: 75px;
+    }
+}
+
+@media screen and (max-width: 1077px) {
+    .div {
+        padding: 40px;
+    }
+}
+
+.box{
+    font-family: 'Varela Round', sans-serif;
+    text-align: center;
+    overflow: hidden;
+    perspective: 800px;
+    position: relative;
+}
+
+.box:before, .box:after {
+    content: "";
+    background: rgba(255,255,255,0.9);
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    transform: translateY(-50%) rotateY(90deg);
+    transform-origin: right center;
+    transform-style: preserve-3d;
+    position: absolute;
+    top: 50%;
+    left: 5%;
+    z-index: 1;
+    transition: all 0.4s ease-out;
+}
+
+.box:after{
+    transform: translateY(-50%) rotateY(-90deg);
+    transform-origin: left center;
+    left: auto;
+    right: 7%;
+}
+
+.box:hover:before,.box:hover:after{
+    opacity: 1;
+    transform: translateY(-50%) rotateY(0);
+}
+
+.box img{
+    width: 100%;
+    height: auto;
+    transition: all 0.4s ease;
+    border-radius: 20px;
+}
+
+.box:hover img{
+    filter: hue-rotate(100deg);
+}
+
+.box .box-content{
+    color: #6c5ce7;
+    width: 100%;
+    opacity: 0;
+    transform: translateY(-50%);
+    position: absolute;
+    top: 50%;
+    left: 0;
+    z-index: 2;
+    transition: all 0.4s;
+}
+
+.box:hover .box-content{
+    opacity: 1;
+}
+
+.box .title{
+    font-size: 22px;
+    font-weight: 700;
+    letter-spacing: 1px;
+    margin: 0 0 3px 0;
+    text-transform: uppercase;
+}
+
+.box .post{
+    font-size: 16px;
+}
+
+.box .icon{
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    transform: translateX(-50%);
+    position: absolute;
+    left: 50%;
+    bottom: 13px;
+}
+
+.box .icon li{
+    display: inline-block;
+    margin: 0 7px;
+    opacity: 0;
+    transform: translateY(50px);
+    transition: all 0.3s;
+}
+
+.box:hover .icon li{
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.box:hover .icon li:nth-child(2){
+    transition: all 0.3s ease 0.2s;
+}
+
+.box .icon li a{
+    color: #fff;
+    background: #6c5ce7;
+    font-size: 16px;
+    line-height: 30px;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    box-shadow: 0 0 0 2px #fff;
+    display: block;
+    transition: all 0.5s ease;
+}
+
+.box .icon li a:hover{
+    color: #fff;
+    text-shadow: 0 0 5px #000;
+    border-radius: 10%;
+}

历届学生/学生公司项目/朱祥龙/hyGw/public/css/home/info.css

@@ -0,0 +1,98 @@
+.info_li ul{
+    display: flex;
+    padding: 10px;
+}
+
+.info_li ul li{
+    padding-right: 9px;
+}
+
+.info_product_inc{
+    width: 100%;
+    display: flex;
+}
+
+.info_img{
+    width: 50%;
+    padding: 0 30px;
+}
+
+.info_img img{
+    width: 100%;
+    height: 100%;
+}
+
+.info_message{
+    width: 50%;
+    padding: 0 30px;
+}
+
+.content{
+    margin: 0 30px;
+}
+
+.line_p{
+    position: relative;
+}
+
+.divider{
+    height: 60px;
+}
+
+.line{
+    border-bottom: 1px solid rgba(238, 238, 238, 1);
+    height: 36px;
+}
+
+.liner{
+    border-bottom: 1px solid rgb(156, 156, 156);
+    height: 36px;
+}
+
+.info_info span{
+    color: #333;
+    line-height: 1.5;
+    font-size: 22px;
+    text-align: center;
+}
+
+.swiper-container {
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    overflow: hidden;
+    list-style: none;
+    padding: 0;
+    z-index: 1;
+    height: 260px;
+}
+
+img {
+    vertical-align: middle;
+    width: 100%;
+    height: 80%;
+}
+
+.swiper-button-next:after, .swiper-button-prev:after {
+    font-family: swiper-icons;
+    text-transform: none!important;
+    letter-spacing: 0;
+    font-variant: initial;
+    font-size: 21px !important;
+    color: #000;
+}
+
+@media screen and (max-width: 772px){
+    .info_product_inc {
+        width: 100%;
+        display: block !important;
+    }
+    .info_message {
+        width: 100%;
+        padding: 0 30px;
+    }
+    .info_img {
+        width: 100%;
+        padding: 0 30px;
+    }
+}

历届学生/学生公司项目/朱祥龙/hyGw/public/css/home/product.css

@@ -0,0 +1,72 @@
+.product ul{
+    width: 100%;
+    padding: 0 15px;
+    display: flex;
+}
+
+.product li{
+    width: 33.333333333333336%;
+    box-shadow: 1px 5px 8px 0px #d5d0d040;
+    margin:0 10px;
+}
+
+.product .text{
+    overflow: hidden;
+    margin-bottom: 0;
+    padding: 10px;
+}
+
+.product_img img{
+    width: 100%;
+    height: 100%;
+}
+
+.customer{
+    width: 100%;
+    padding: 37px 15px;
+    display: flex;
+}
+
+.costomer_l{
+    width: 50%;
+    text-align: left;
+    color: #333;
+    line-height: 1.5;
+    font-size: 32px;
+    padding: 0 15px;
+}
+
+.costomer_l img{
+    height: auto!important;
+    padding-left: 3px;
+}
+
+.costomer_r{
+    width: 50%;
+    padding: 0 15px;
+    text-align: left;
+}
+
+.text h4{
+    font-size: 18px;
+    line-height: 2;
+    text-align: center;
+    color: #000000;
+}
+
+.text h4:hover{
+    text-decoration: underline
+}
+
+.product li{
+    padding: 10px;
+}
+
+@media screen and (max-width: 780px) {
+    .header_right{
+        display: none;
+    }
+    .hamburger{
+        display: block;
+    }
+}

历届学生/学生公司项目/朱祥龙/hyGw/public/css/home/service.css

@@ -0,0 +1,164 @@
+.server{
+    height: 100%;
+    background-image: url("/img/pbg.jpg");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+.server span p{
+    font-size: 48px;
+    color: #ffff;
+    text-align: center;
+    padding-top: 83px;
+}
+
+.server_r_top,.server_r_bottom{
+    padding: 0 15px;
+}
+
+.server p{
+    color: rgba(232, 232, 232, 1);
+    line-height: 1.5;
+    font-size: 18px;
+    text-align: center;
+}
+
+.zz-comp{
+    width: 48px;
+    height: 60px;
+}
+
+.server_img{
+    width: 400px;
+    height: 260px;
+    margin: auto;
+}
+
+.server_img_m{
+    width: 100%;
+}
+
+.server_img p img{
+    width: 100%;
+    height: 100%;
+}
+
+.server_er{
+    width: 100%;
+    display: flex;
+    padding-top: 20px;
+}
+
+.server_er .server_l{
+    width: 50%;
+}
+
+.server_er img{
+    width: 100%;
+    height: 100%;
+}
+
+.server_title{
+    text-align: center;
+}
+
+.server_r_top p{
+    color: rgba(135, 135, 135, 1);
+    line-height: 1.5;
+    font-size: 16px;
+    text-align: left;
+}
+
+.server_r_bottom{
+    color: rgba(179, 179, 179, 1);
+    line-height: 1.5;
+    font-size: 16px;
+    text-align: left;
+}
+
+.product_product{
+    text-align: center;
+}
+
+.product_product p{
+    color: #999999;
+    text-align: center;
+}
+
+.server_inr{
+    padding: 0 40px;
+}
+
+.server_l{
+    padding: 0 15px;
+}
+
+.server_r_bottom p img{
+    width: 60%;
+    height: 60%;
+}
+
+.server_bottom_m{
+    display: flex;
+    justify-content: space-between;
+}
+.server_bottom{
+    background-image:url('/img/bgb.png');
+    background-repeat:no-repeat;
+    background-attachment:fixed;
+    background-size: 100% 100%;
+}
+
+.server_bottom_l{
+    text-align: left;
+    padding: 0 15px;
+}
+
+.server_bottom_l h2{
+    font-size: 36px;
+    color: #ffffff;
+}
+
+.server_bottom_l p{
+    color: rgba(218, 218, 218, 1);
+    line-height: 1.5;
+    font-size: 14px;
+    text-align: left;
+}
+
+.server_bottom_r{
+    padding: 0 15px;
+    padding-top: 43px;
+}
+
+.server_bottom_r button{
+    border: 1px solid #dcdfe6;
+    border-radius: 4px 4px 4px 4px;
+    padding: 12px 40px 12px 40px;
+    color: #606266;
+    font-size: 14px;
+}
+
+.server_pro{
+    width: 100%;
+}
+
+.server_pro ul{
+    width: 80%;
+    display: flex;
+    margin: auto;
+}
+
+.server_pro ul li{
+    width: 33.33336%;
+    text-align: center;
+}
+
+.server_pro ul li img{
+    width: 100%;
+    height: 100%;
+}
+
+.server_type{
+    margin: 0 12px;
+}

历届学生/学生公司项目/朱祥龙/hyGw/public/css/tpl/clear.css

@@ -0,0 +1,6 @@
+body,h1,h2,h3,h4,h5,h6,p,ul,li,a{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    text-decoration: none;
+}

历届学生/学生公司项目/朱祥龙/hyGw/public/css/tpl/public.css

@@ -0,0 +1,156 @@
+.header {
+    display: flex;
+    justify-content: space-between;
+    padding: 4px 12px 0 12px;
+    height: 55px;
+}
+
+.logo img{
+    width: 44px;
+    height: 44px;
+}
+
+.logo_title span{
+    font-size: 20px;
+}
+
+.logo_top{
+    height: 12px;
+}
+
+.logo a{
+    display: flex;
+}
+
+.logo_t_title{
+    font-size: 21px !important;
+    color: #9FC43F;
+    text-decoration: none;
+    list-style: none;
+}
+
+.logo_title span{
+    font-size: 21px;
+}
+
+.header_right ul li a{
+    text-decoration: none;
+    color: #000000;
+}
+
+.header_right ul {
+    display: flex;
+    justify-content: flex-end;
+    padding-right: 40px;
+    padding-top: 21px;
+}
+.header_right ul li{
+    list-style: none;
+    padding-left: 51px;
+    text-align: center;
+    font-size: 12px;
+    color: #909399;
+}
+.hamburger{
+    width: 1.5rem;
+    height: 24px;
+    display: none;
+    padding-top: 12px;
+
+}
+.ha{
+    width: 24px;
+    height: 1.5px;
+    background:#000000 ;
+    margin-top: 6px;
+}
+
+.footer{
+    background: rgb(108, 66, 119);
+    color: #FFFFFF;
+    padding: 13px;
+}
+
+.footer div{
+    font-size: 12px;
+    padding-left: 26%;
+}
+
+.full {
+    position: fixed;
+    list-style: none;
+    width: 100%;
+    left: -100%;
+    top: 0;
+    height: 100%;
+    float: left;
+    background: #ffff;
+}
+
+.full_l{
+    width: 80%;
+}
+
+.full_r{
+    background: #00000094;
+    width: 19%;
+    height: 100%;
+    float: right;
+}
+
+.full_hide ul li{
+    text-align: center;
+    border-bottom: 1px solid #cdcdcd;
+    line-height: 60px;
+}
+
+.full_hide{
+    padding-top: 50px;
+}
+
+.return{
+    font-size: 35px;
+    float: right;
+    margin-right: 17px;
+}
+
+.content .banner{
+    width: 100%;
+    height: 243px;
+    background-image: url(/img/li.png);
+    text-align: center;
+    padding-top: 80px;
+    background-size: 100% 100%;
+}
+
+.banner strong{
+    font-size: 28px;
+    color: #FFFFFF;
+    padding-top: 12px;
+}
+
+.banner span{
+    color: rgb(241, 241, 241);
+    line-height: 1.5;
+    font-size: 16px;
+    text-align: center;
+}
+
+.zz-comp{
+    width: 100%;
+    height: 60px;
+}
+
+.active{
+    color: #009df3 !important;
+    border-bottom-color: rgba(16, 151, 245, 1)
+}
+
+@media screen and (max-width: 772px) {
+    .header_right{
+        display: none;
+    }
+    .hamburger{
+        display: block;
+    }
+}