@charset "utf-8";
body {font: normal normal 0.32rem/1 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;color: #000;}
input,textarea {font: normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
img {display: block;}
.clear:after {content: "";display: block;clear: both;}
body,div,h1,h2,h3,h4,h5,h6,ol,p,ul {margin: 0;padding: 0;list-style: none;font: normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
button {font: normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
a {color: inherit;text-decoration: none;}
.nowrap {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fl {float: left;}
.fr {float: right;}
.i100 {overflow: hidden;}
.i100 > img {width: 100%;}
a > img {width: 100%;}
body{
    min-width: 1440px;
}
@font-face {font-family: "din";src:url("../font/din/din.otf") format("opentype"),url("../font/din/din.ttf") format("truetype"),url("../font/din/din.woff") format("woff");}
@font-face {font-family: "xyj";src:url("../font/xyj/xyj.otf") format("opentype"),url("../font/xyj/xyj.ttf") format("truetype"),url("../font/xyj/xyj.woff") format("woff");}

.fp-tableCell{
    vertical-align:top !important;
}
.backgroundimage{
    transition: 0.3s;
}
.imagebig{
    transform: scale(1.2);
    transition: 6s;
    transition-timing-function: linear;
}
.section{
    min-width: 1440px;
    overflow: hidden;
}
/* 侧边栏分页 */
#l-fenye{
    width: 20px;
    height: 182px;
    position: fixed;
    top: calc(50% - 91px);
    right: 1.5625%;
    z-index: 999;
}
#l-fenye ul{
    width: 100%;
    height: 100%;
}
#l-fenye ul li{
    width: 20px;
    height: 26px;
    position: relative;
}
.l-fy1{
    width: 6px;
    height: 6px;
    background: #fff;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 10px;
}
.l-fy2{
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255,255,255,1);
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: -7px;
    left: -7px;
    display: none;
}
#l-fenye li.active .l-fy2{
    display: block;
}
.l-fy3{
    width: 100px;
    height: 36px;
    position: absolute;
    top: -5px;
    right: 32px;
    display: none;
}
.l-fy4{
    width: 88px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    font-size: 14px;
    line-height: 36px;
    color: #e82804;
    text-align: center;
}
.l-fy5{
    width: 0;
    height: 0;
    border-left: 12px solid #fff;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
}
#l-fenye li.active .l-fy3{
    display: block;
}
/* 页首 */
.l-sy-div1{
    width: 100%;
    height: 104px;
    position: relative;
    overflow: hidden;
}
.l-sy-div2{
    width: 20%;
    height: 63px;
    margin-left: 2.41%;
    padding-top: 30px;
}
.l-sy-div2 img{
    width: 100%;
}
.l-sy-div3{
    width: 55.5%;
    height: 100%;
    margin-left: 1.23%;
}
.l-sy-div-tit1{
    width: 12%;
    height: 100%;
    position: relative;
    z-index: 50;
}
.l-sy-hover{
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    z-index: 49;
    transition: .3s;
}
.l-sy-hoveron{
    width: 100%;
    height: 104px;
    position: absolute;
    top: 0%;
    z-index: 49;
    transition: .3s;
}
.l-sy-hover img{
    width: 100%;
    height: 100%;
}
.l-sy-hoveron img{
    width: 99.9%;
    height: 100%;
}
.l-sy-div-tit1:hover .l-sy-hover{
    height: 100%;
    top: 0;
}
.l-sy-div-tit1:nth-child(9) .l-sy-div-tit2,.l-sy-div-tit1:nth-child(9) .l-sy-div-tit2on{
    margin-right: 0;
    border-right: none;
}
.l-sy-div-tit2,.l-sy-div-tit2on{
    width: 98.98%;
    height: 17px;
    border-right: 1px solid #D5D5D5;
    color: #5E6377;
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    margin: auto;
    transition: .3s;
}
.l-sy-div-tit2:nth-child(9),.l-sy-div-tit2on:nth-child(9){
    border-right: none;
    background: blue;
}
.l-sy-div-tit1:hover .l-sy-div-tit2,.l-sy-div-tit1:hover .l-sy-div-tit2on{
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0);
}
.l-sy-div-tit2on{ color:#FFF; }
.l-sy-tit-xian{
    width: 0;
    height: 3px;
    background: #009D92;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: .3s;
}
.l-sy-div-tit1:nth-child(1) .l-sy-tit-xian{
    width: 72px;
    height: 3px;
    background: #009D92;
    position: absolute;
    bottom: 0;
    left: 0;
}
.l-sy-div-tit1:hover .l-sy-tit-xian{
    width: 72px;
    left: 0%;
}
.l-sy-div4{
    width: 1.5%;
    height: 29px;
    margin-left: 0.8%;
    padding-top: 47px;
}
.l-sy-div4 img{
    width: 100%;
}
.l-sy-search{
    width: 500px;
    height: 30px;
    position: relative;
    position: absolute;
    top: 38px;
    left: 100%;
    z-index: 49;
    opacity: 0;
    transition: 1.2s;
}
.l-sy-stop{
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: -40px;
}
.l-sy-stop img{
    width: 100%;
}
.l-sy-find{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0;
}
.l-sy-find input{
    width: 100%;
}
.l-sy-shuru{
    width: 100%;
    height: 30px;
    font-size: 14px;
    background: none;
    outline: none;
    border: none;
    color: #e82804;
    border-bottom: 1px solid #e82804;
}
.l-sy-div5{
    width: 20%;
    padding-top: 35px;
}
.l-sy-div6{
    width: 48px;
}
.l-sy-div6 img{
    width: 100%;
}
.l-sy-span1{
    display: block;
    font-size: 18px;
    color: #e82804;
    line-height: 48px;
    margin-left: 4%;
}
.l-sy-span2{
    display: block;
    font-size: 28px;
    line-height: 46px;
    color: #e82804;
    margin-right: 2%;
    font-family: "din";
}
/* banner */
.l-sy-div-ban1{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    /* padding-bottom: 42.5%; */
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.swiper-container1{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.swiper-container1 .swiper-slide{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pagination1 {
    position: relative;
    bottom: 160px !important;
    left: 0 !important;
    z-index: 999;
}
.pagination1 .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    margin: 0 10px!important;
    opacity: 1;
    position: relative;
}
.pagination1 .swiper-pagination-bullet div{
    width: 26px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute; 
    top: -7px;
    left: -7px;
    opacity: 0;
    transition: 0.5s;
}
.pagination1 .swiper-pagination-bullet-active div{
    opacity: 1;
    transition: 0.5s;
}
.l-sy-div-ban2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.l-sy-div-ban2 img{
    width: 100%;
    height: 100%;
}
.l-sy-div-ban3{
    width: 6.1%;
    position: absolute;
    top: 100px;
    left: 32.8125%;
}
.l-sy-div-ban3 img{
    width: 100%;
}
.l-sy-div-ban4{
    width: 6.1%;
    position: absolute;
    top: 100px;
    right: 32.8125%;
}
.l-sy-div-ban4 img{
    width: 100%;
}
.l-sy-div-ban5{
    width: 19.27%;
    position: absolute;
    top: 100px;
    left: 40.36%;
}
.l-sy-div-ban5 img{
    width: 100%;
}
.l-sy-div-ban6{
    width: 100%;
    position: absolute;
    top: 226px;
    left: 0;
    font-size: 20px;
    text-align: center;
    color: #202425;
}
.l-sy-div-ban6 img{
    width: 100%;
}
.l-sy-div-ban7{
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #142125;
    line-height: 20px;
    position: absolute;
    top: 266px;
    left: 0;
}
.l-sy-div-ban8 {
    width: 35.75%;
    position: absolute;
    top: 288px;
    left: 31.3125%;
}
.l-sy-div-ban8 img{
    width: 100%;
}
.l-sy-div-ban9{
    width: 27.08%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.l-sy-div-ban9 img{
    width: 100%;
}
.l-sy-div-ban10{
    width: 18.96%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.l-sy-div-ban10 img{
    width: 100%;
}
/* 第一屏 */
.l-sy-about1{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    /* padding-bottom: 47.85%; */
    position: relative;
}
.l-sy-about2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}
.l-sy-about2 img{
    width: 100%;
    height: 100%;
}
.l-sy-about3{
    width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 50;
}
.l-sy-about4{
    width: 100%;
    height: 234px;
}
.l-sy-about5{
    width: 100%;
    font-size: 30px;
    color: #e82804;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    padding-top: 86px;
    margin-bottom: 25px;
}
.l-sy-about6{
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #e82804;
    text-align: center;
    margin-bottom: 36px;
}
.l-sy-about7{
    width: 45px;
    height: 4px;
    background: #e82804;
    margin: 0 auto;
}
.l-sy-about8{
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
}
.l-sy-about9{
    width: 1000px;
    padding-top: 78px;
}
.l-sy-about10{
    width: 100%;
    font-size: 24px;
    color: #e82804;
    line-height: 24px;
    margin-left: 65px;
    margin-bottom: 45px;
    font-weight: bold;
}
.l-sy-about11{
    width: 87%;
    font-size: 16px;
    color: #484848;
    line-height: 32px;
    margin-left: 65px;
    margin-bottom: 45px;
    min-height: 280px;
    overflow: hidden;
    text-align: justify;
}
.l-sy-about11 p{
    width: 100%;
    font-size: 16px;
    color: #484848;
    line-height: 32px;
    /*margin-left: 65px;*/
    margin-bottom: 30px;
}
.l-sy-about12{
    width: 87%;
    font-size: 16px;
    color: #484848;
    line-height: 32px;
    margin-left: 65px;
    margin-bottom: 60px;
}
.l-sy-about13{
    width: 148px;
    height: 43px;
    border: 1px solid #e82804;
    border-radius: 5px;
    margin-left: 65px;
    margin-bottom: 83px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.l-sy-about13:hover{
    border: 1px solid rgba(255, 255, 255, 0);
}
.mouse1{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 49;
}
.mouse2{
    background: #e82804;
    position: relative;
    z-index: 49;
}
.mouse3{
    background: #fff;
    position: relative;
    z-index: 49;
}
.l-sy-p1{
    font-size: 16px;
    color: #e82804;
    line-height: 43px;
    text-indent: 24px;
    position: relative;
    z-index: 50;
    transition: 0.3s;
}
.l-sy-p2{
    font-size: 16px;
    color: #fff;
    line-height: 43px;
    text-indent: 24px;
    position: relative;
    z-index: 50;
    transition: 0.3s;
}
.l-sy-p2-list{
    font-size: 16px;
    color: #e82804;
    line-height: 43px;
    text-indent: 24px;
    position: relative;
    z-index: 50;
    transition: 0.3s;
}
.l-sy-about13:hover .l-sy-p1{
    color: #fff;
    transition: .3s;
}
.l-sy-jt{
    width: 18px;
    margin-right: 20px;
    margin-top: 16px;
    position: relative;
    z-index: 50;
}
.l-sy-jt img{
    width: 100%;
}
.l-jt-img1{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}
.l-jt-img2{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    /* z-index: 50; */
}
.l-jt-img3{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    /* z-index: 50; */
}
.l-sy-about13:hover .l-jt-img1{
    opacity: 0;
}
.l-sy-about13:hover .l-jt-img2{
    opacity: 1;
}
.l-sy-about14{
    width: 362px;
    height: 372px;
    margin-top: 68px;
}
.l-sy-img1{
    width: 172px;
    margin-bottom: 18px;
    margin-right: 18px;
    overflow: hidden;
    cursor: pointer;
}
.l-sy-img1 img{
    width: 100%;
    transition: .5s;
}
.l-sy-img1:nth-child(2){
    margin-right: 0;
    margin-bottom: 0;
}
.l-sy-img1:nth-child(4){
    margin-right: 0;
    margin-bottom: 0;
}
.l-sy-img1:hover img{
    transform: scale(1.15);
}
/* 第二屏 */
.l-sy-new1{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    /* padding-bottom: 47.85%; */
    position: relative;
    overflow: hidden;
}
.l-sy-new2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}
.l-sy-new2 img{
    width: 100%;
    height: 100%;
}
.l-sy-new3{
    width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 50;
}
.l-sy-new4{
    width: 100%;
    height: 280px;
}
.l-sy-new5{
    width: 100%;
    font-size: 30px;
    color: #e82804;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    padding-top: 100px;
    margin-bottom: 25px; 
}
.l-sy-new6{
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #e82804;
    text-align: center;
    margin-bottom: 35px;
}
.l-sy-new7{
    width: 45px;
    height: 4px;
    background: #e82804;
    margin: 0 auto;
}
.l-sy-new8{
    width: 100%;
    position: relative;
}
.l-sy-new9{
    width: 863px;
}
.l-sy-new10{
    width: 29px;
    height: 485px;
    position: relative;
    margin-top: -17px;
    border-right: 1px solid #ff694d;
}
.l-sy-dian1a{
    width: 16px;
    height: 16px;
    background: #ff674b;
    border-radius: 50%;
    position: relative;
    position: absolute;
    top: 37px;
    left: 22px;
    transition: .3s;
}
.l-sy-dian1b{
    width: 16px;
    height: 16px;
    background: #ff674b;
    border-radius: 50%;
    position: relative;
    position: absolute;
    top: 188px;
    left: 22px;
    transition: .3s;
}
.l-sy-dian1c{
    width: 16px;
    height: 16px;
    background: #ff674b;
    border-radius: 50%;
    position: relative;
    position: absolute;
    top: 349px;
    left: 22px;
    transition: .3s;
}
.l-sy-dian2a{
    width: 10px;
    height: 10px;
    background: #e82804;
    border-radius: 50%;
    position: relative;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: .3s;
}
.l-sy-dian2b{
    width: 10px;
    height: 10px;
    background: #e82804;
    border-radius: 50%;
    position: relative;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: .3s;
}
.l-sy-dian2c{
    width: 10px;
    height: 10px;
    background: #e82804;
    border-radius: 50%;
    position: relative;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: .3s;
}
.l-sy-new11{
    width: 800px;
    margin-left: 33px;
    margin-bottom: 50px;
    /* background: lightseagreen; */
}
.l-sy-new12{
    width: 100%;
    height: 135px;
    margin-bottom: 20px;
}
.l-sy-new12:nth-child(3){
    margin-bottom: 0;
}
.l-sy-new17{
    width: 203px;
    overflow: hidden;
    cursor: pointer;
}
.l-sy-new17 img{
    width: 100%;
    transition: .5s;
}
.l-sy-new17:hover img{
    transform: scale(1.15);
}
.l-sy-new18{
    width: 595px;
    padding-top: 30px;
    margin-bottom: 20px;
}
.l-sy-new19{
    min-width: 320px;
    max-width: 321px;
    font-size: 20px;
    line-height: 20px;
    color: #373737;
    font-weight: bold;
    margin-left: 25px;
    cursor: pointer;
}
.l-sy-new18:hover .l-sy-new19{
    color: #e82804;
}
.l-sy-new20{
    font-size: 14px;
    color: #727272;
    line-height: 14px;
    padding-top: 6px;
    margin-left: 125px;
}
.l-sy-new21{
    width: 510px;
    font-size: 14px;
    color: #676767;
    line-height: 28px;
    margin-left: 25px;
    height: 56px;
    overflow: hidden;
}
.l-sy-new15{
    width: 148px;
    height: 43px;
    border: 1px solid #e82804;
    border-radius: 5px;
    margin-left: 395px;
    margin-bottom: 84px;
    position: relative;
    overflow: hidden;
}
.l-sy-new15:hover{
    border: 1px solid rgba(255, 255, 255, 0);
}
.l-sy-new15:hover .l-sy-p1{
    color: #fff;
}
.l-sy-new15:hover .l-jt-img1{
    opacity: 0;
}
.l-sy-new15:hover .l-jt-img2{
    opacity: 1;
}
.l-sy-new16{
    width: 817px;
    position: absolute;
    top: 0;
    left: 862px;
    overflow: hidden;
    cursor: pointer;
}
.l-sy-new16 img{
    width: 100%;
    transition: .5s;
}
.l-sy-new16:hover img{
    transform: scale(1.15);
}
/* 第三屏 */
.l-sy-show1{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    /* padding-bottom: 47.85%; */
    position: relative;
}
.l-sy-show2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.l-sy-show2 img{
    width: 100%;
    height: 100%;
}
.l-sy-show3{
    width: 1440px;
    height: 520px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.l-sy-show4{
    width: 608px;
}
.l-sy-show5{
    font-size: 36px;
    color: #e82804;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 25px;
}
.l-sy-show6{
    font-size: 36px;
    color: #e82804;
    line-height: 36px;
    font-weight: lighter;
    margin-bottom: 28px;
    font-family: "xyj";
}
.l-sy-show7{
    width: 45px;
    height: 4px;
    background: #e82804;
    margin-bottom: 47px;
}
.l-sy-show8{
    width: 148px;
    height: 43px;
    border: 1px solid #e82804;
    text-align: center;
    font-size: 18px;
    line-height: 43px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 21px;
    overflow: hidden;
}
.l-sy-show8:hover{
    border: 1px solid rgba(255, 255, 255, 0);
}
.l-sy-show8:hover .l-sy-p1,.l-sy-show8:hover .l-sy-p2-list,.l-sy-show9:hover .l-sy-p2-list{
    color: #fff;
}
.l-sy-show9{
    width: 148px;
    height: 43px;
    border: 1px solid #e82804;
    text-align: center;
    font-size: 18px;
    line-height: 43px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 21px;
    overflow: hidden;
}
.l-sy-show9:hover{
    border: 1px solid rgba(255, 255, 255, 0);
}
.l-sy-show10{
    width: 565px;
    font-size: 14px;
    line-height: 28px;
    color: #454545;
    height: 112px;
    overflow: hidden;
    padding-top: 20px;
}
.l-sy-show11{
    width: 832px;
    height: 100%;
}
.l-sy-show12{
    width: 267px;
    height: 251px;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.l-sy-show13{
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}
.l-sy-show13 img{
    width: 100%;
    transition: .5s;
}
.l-sy-show13a{
    width: 150px;
    height: 220px;
    position: absolute;
    top: 13px;
    left: 60px;
}
.l-sy-show13a img{
    width: 100%;
    height: 100%;
}
.l-sy-show12:hover img{
    transform: scale(1.15);
}
.l-sy-show12:nth-child(3){
    margin-right: 0;
}
.l-sy-show12:nth-child(6){
    margin-right: 0;
}
.l-sy-show14{
    width: 100%;
    height: 100%;
    background: rgb(232, 41, 5);
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    transition: .6s;
    overflow: hidden;
    opacity: 0;
}
.l-sy-show12:hover .l-sy-show14{
    opacity: 0.9;
}
.l-sy-show15{
    width: 249px;
    height: 231px;
    border: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition: .5s;
}
.l-sy-show16{
    width: 100%;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    top: 118px;
    /*left: 85px;*/
    text-align: center;
}
.l-sy-show12:hover .l-sy-show14{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.l-sy-show12:hover .l-sy-show15{
    width: 230px;
    height: 212px;
    top: 0;
    left: 0;
    opacity: 1;
}
.l-sy-show17{
    width: 148px;
    height: 43px;
    border: 1px solid #fff;
    border-radius: 6px;
    position: absolute;
    bottom: 65px;
    left: 885px;
    overflow: hidden;
}
.l-sy-show17:hover{
    border: 1px solid rgba(255, 255, 255, 0);
}
.l-sy-show17:hover .l-sy-p1{
    color: #387B1D;
}
/* 第四屏 */
.l-sy-video1{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    position: relative;
}
.l-sy-video2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}
.l-sy-video2 img{
    width: 100%;
    height: 100%;
}
.l-sy-video3{
    width: 1440px;
    margin: 0 auto;
    /* height: 100%; */
    padding-top: 245px;
    position: relative;
    z-index: 50;
}
.l-sy-video4{
    width: 78px;
    height: 78px;
    margin: 0 auto;
    margin-bottom: 80px;
    cursor: pointer;
}
.l-sy-video4 img{
    width: 100%;
}
.l-sy-video5{
    width: 100%;
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 28px;
}
.l-sy-video6{
    width: 45px;
    height: 4px;
    background: #fff;
    margin:  0 auto;
    margin-bottom: 60px;
}
.l-sy-video7{
    width: 878px;
    margin: 0 auto;
}
.l-sy-video8{
    width: 745px;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin: 0 auto;
    height: 112px;
    overflow: hidden;
    text-align: justify;
}
.l-sy-video8 p{
    width: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin: 0 auto;
}
.l-sy-video9{
    width: 878px;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    text-indent: 104px;
}
.l-sy-video10{
    width: 365px;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin: 0 auto;
}
.l-video-daa{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d1a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d2a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d3a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d4a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d5a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d6a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d7a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d8a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d9a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d10a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d11a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-d12a{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.l-video-daa embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d1a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d2a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d3a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d4a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d5a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d6a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d7a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d8a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d9a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d10a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d11a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d12a embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d1 embed{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d1 iframe{
    width: 800px;
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    background: #000;
}
.l-video-d2{
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 190px;
    right: 516px;
}
.l-video-d2 img{
    width: 100%;
}
/* 第五屏 */
.l-sy-qua1{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    position: relative;
}
.l-sy-qua2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}
.l-sy-qua2 img{
    width: 100%;
    height: 100%;
}
.l-sy-qua3{
    width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 50;
    padding-top: 180px;
}
.l-sy-qua5{
    width: 270px;
    font-size: 31.67px;
    line-height: 31.67px;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.l-sy-qua6{
    width: 200px;
    margin: 0 auto;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 32px;
}
.l-sy-qua7{
    width: 42px;
    height: 3px;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 150px;
}
.l-sy-qua8{
    width: 213px;
    margin: 0 auto;
}
.l-sy-qua8 img{
    width: 100%;
}
.l-sy-qua9{
    width: 500px;
    position: relative;
    position: absolute;
    top: 230px;
    left: 155px;
}
.l-sy-qua11{
    width: 200px;
}
.l-sy-qua14{
    width: 5px;
    height: 25px;
    background: #FFAE00;
}
.l-sy-qua15{
    width: 170px;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 10px;
    margin-left: 6px;
}
.l-sy-qua12{
    width: 100%;
}
.l-sy-qua12 img{
    width: 100%;
}
.l-sy-qua13{
    width: 245px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    position: absolute;
    top: 56px;
    left: 0;
}
.l-sy-qua10{
    width: 500px;
    position: relative;
    position: absolute;
    top: 246px;
    right: 155px;
}
.l-sy-qua16{
    width: 200px;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
}
.l-sy-qua17{
    margin-left: 285px;
    margin-bottom: 10px;
}
.l-sy-qua18{
    width: 245px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    position: absolute;
    top: 56px;
    right: 0;
}
/* 第六屏 */
.l-sy-tel1{
    width: 100%;
    min-width: 1440px;
    height: 100%;
    position: relative;
}
.l-sy-tel2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}
.l-sy-tel2 img{
    width: 100%;
    height: 100%;
}
.l-sy-tel3{
    width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 50;
    padding-top: 100px;
}
.l-sy-tel4{
    width: 130px;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 25px;
}
.l-sy-tel5{
    width: 265px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 35px;
}
.l-sy-tel6{
    width: 45px;
    height: 4px;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 115px;
}
.l-sy-tel7{
    width: 100%;
    min-width: 1440px;
    height: 198px;
    position: relative;
    z-index: 50;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 30px;
    text-align: center;
}
.l-sy-tel8{
    width: 437px;
    height: 100%;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    display: inline-block;
}
.l-sy-tel8:nth-child(2){
    border: none;
}
/* .l-sy-tel8:nth-child(1){
    margin-left: 303px;
} */
.l-sy-tel15a{
    width: 38px;
    padding-top: 35px;
    margin-left: 200px;
    margin-bottom: 20px;
    transition: .8s;
}
.l-sy-tel15a img{
    width: 100%;
}
.l-sy-tel8:hover .l-sy-tel15a{
    transform: rotateY(720deg);
}
.l-sy-tel15b{
    width: 40px;
    padding-top: 42px;
    margin-left: 200px;
    margin-bottom: 26px;
    transition: .8s;
}
.l-sy-tel15b img{
    width: 100%;
}
.l-sy-tel8:hover .l-sy-tel15b{
    transform: rotateY(720deg);
}
.l-sy-tel15c{
    width: 30px;
    padding-top: 39px;
    margin-left: 205px;
    margin-bottom: 15px;
    transition: .8s;
}
.l-sy-tel15c img{
    width: 100%;
}
.l-sy-tel8:hover .l-sy-tel15c{
    transform: rotateY(720deg);
}
.l-sy-tel17a{
    width: 75px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    margin-left: 185px;
    margin-bottom: 20px;
}
.l-sy-tel17b{
    width: 85px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    margin-left: 178px;
    margin-bottom: 20px;
}
.l-sy-tel17c{
    width: 60px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    margin-left: 190px;
    margin-bottom: 20px;
}
.l-sy-tel18a{
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-family: "din";
    text-align: center;
}
.l-sy-tel18b{
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
}
.l-sy-tel18c{
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
}
.l-sy-tel9{
    width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 50;
}
.l-sy-tel10{
    width: 140px;
    /* height: 140px; */
    margin-left: 650px;
    margin-bottom: 15px;
}
.l-sy-tel10 img{
    width: 100%;
}
.l-sy-tel11{
    width: 65px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    margin-left: 690px;
    margin-bottom: 36px;
}
.l-sy-tel12{
    width: 100%;
    margin-bottom: 15px;
}
.l-sy-tel14{
    width: 100px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    border-right: 1px solid #D5D5D5;
}
.l-sy-tel14:first-child{
    margin-left: 370px;
}
.l-sy-tel14:last-child{
    border-right: none;
}
.l-sy-tel13{
    width: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}
/* 产品展示 */
.l-zs-ban1{
    width: 100%;
    min-width: 1440px;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.l-zs-ban2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
    transform: scale(1.2);
}
.l-zs-ban2 img{
    width: 100%;
    height: 100%;
}
.l-zs-ban3{
    width: 1440px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 50;
}
.l-zs-ban4{
    width: 165px;
    font-size: 40px;
    line-height: 40px;
    color: #d30700;
    position: absolute;
    top: 135px;
    left: 640px;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}
.l-zs-ban-white1{
    width: 165px;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    position: absolute;
    top: 135px;
    left: 640px;
    font-weight: bold;
}
.l-zs-ban5{
    width: 500px;
    font-size: 17px;
    line-height: 17px;
    color: #404040;
    position: absolute;
    top: 212px;
    left: 490px;
}
.l-zs-ban-white2{
    width: 750px;
    font-size: 17px;
    line-height: 17px;
    color: #fff;
    position: absolute;
    top: 212px;
    left: 380px;
}
/* 导航 */
.l-dh-div1{
    width: 100%;
    min-width: 1440px;
    height: 78px;
    background: #EEEEEE;
    position: relative;
    overflow: hidden;
}
.l-dh-div2{
    width: 1440px;
    margin: 0 auto;
    position: relative;
}
.l-dh-div4{
    width: 143px;
    height: 100%;
    font-size: 16px;
    text-align: center;
    position: relative;
}
.l-dh-div5{
    font-size: 16px;
    color: #454444;
    line-height: 78px;
    position: relative;
    z-index: 50;
}
.l-dh-div6{
    width: 100%;
    height: 0;
    background: #e82804;
    position: absolute;
    top: 50%;
    left: 0;
    transition: .3s;
    z-index: 49;
}
.l-dh-div4:hover .l-dh-div5{
    color: #fff;
}
.l-dh-div4:hover .l-dh-div6{
    height: 100%;
    top: 0;
}
.l-dh-div7{
    width: auto;
    height: 100%;
    padding-top: 30px;
    position: relative;
}
.l-dh-div8{
    width: 16px;
    height: 21px;
}
.l-dh-div8 img{
    width: 100%;
}
.l-dh-div9{
    width: 70px;
    font-size: 14px;
    color: #666666;
    margin-left: 10px;
}
.l-dh-div10{
    width: 60px;
    font-size: 14px;
    color: #e82804;
}
.l-dh-div11{
    width: 9px;
    height: 9px;
    margin-top: 8px;
    margin-left: 5px;
}
.l-dh-div11 img{
    width: 100%;
}
.l-dh-div12{
    width: auto;
    font-size: 14px;
    color: #666666;
    margin-left: 6px;
}
/* 产品展示内容 */
.l-zs-con1{
    width: 1440px;
    margin: 0 auto;
}
.l-zs-con2{
    width: 100%;
    height: 230px;
}
.l-zs-con3{
    width: 130px;
    font-size: 30px;
    line-height: 30px;
    color: #e82804;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 57px;
    margin-bottom: 23px;
}
.l-zs-con4{
    width: 270px;
    font-size: 14px;
    line-height: 14px;
    color: #e82804;
    margin: 0 auto;
    margin-bottom: 35px;
}
.l-zs-con5{
    width: 45px;
    height: 4px;
    background: #e82804;
    margin: 0 auto;
    margin-bottom: 62px;
}
.l-zs-con6{
    width: 100%;
    margin-bottom: 80px;
    overflow: hidden;
}
.l-zs-con7{
    width: 337px;
    height: 380px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.l-zs-con7:nth-child(4){
    margin-right: 0;
    margin-bottom: 0;
}
.l-zs-con7:nth-child(8){
    margin-right: 0;
    margin-bottom: 0;
}
.l-zs-con7:nth-child(9){
    margin-bottom: 0;
}
.l-zs-con7:nth-child(10){
    margin-bottom: 0;
}
.l-zs-con7:nth-child(11){
    margin-bottom: 0;
}
.l-zs-con7:nth-child(12){
    margin-right: 0;
    margin-bottom: 0;
}
.l-zs-con8{
    width: 100%;
    height: 318px;
    margin-bottom: 13px;
    position: relative;
    overflow: hidden;
}
.l-zs-con8 img{
    width: 100%;
}
.l-zs-img1{
    /*width: 160px;*/
	width: auto !important;
    /*min-width: 100%;*/
	max-width: 160px;
    height: 318px;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}
.l-zs-img1 img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.l-zs-hover{
    width: 100%;
    height: 100%;
    /* border-right: 1.5px solid #e82804; */
    /* border-left: 1.5px solid #e82804; */
    box-sizing: border-box;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
    background: rgb(255, 106, 78, 0.4);
    opacity: 0;
    transform: skew(45deg);
}
.l-zs-con7:hover .l-zs-hover{
    opacity: 1;
    transform: rotateZ(0deg);
}
.l-zs-xian1{
    width: 0;
    height: 2px;
    background: #e82804;
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s;
}
.l-zs-xian2{
    width: 2px;
    height: 0;
    background: #e82804;
    position: absolute;
    top: 0;
    right: 0;
    transition: .4s;
}
.l-zs-xian3{
    width: 0;
    height: 2px;
    background: #e82804;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .4s;
}
.l-zs-xian4{
    width: 2px;
    height: 0;
    background: #e82804;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .4s;
}
.l-zs-con7:hover .l-zs-xian1{
    width: 100%;
}
.l-zs-con7:hover .l-zs-xian2{
    height: 100%;
}
.l-zs-con7:hover .l-zs-xian3{
    width: 100%;
}
.l-zs-con7:hover .l-zs-xian4{
    height: 100%;
}
.l-zs-add{
    width: 65px;
    height: 65px;
    position: absolute;
    top: 125px;
    left: 135px;
}
.l-zs-add img{
    width: 100%;
}
.l-zs-con9{
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    color: #3A3939;
    text-align: center;
    background: #EEEEEE;
    transition: .5s;
}
.l-zs-con7:hover .l-zs-con9{
    background: #e82804;
    color: #fff;
}
.l-zs-con10{
    width: 100%;
    height: 43px;
    margin-bottom: 70px;
}
.l-zs-con11{
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.l-zs-con13{
    width:  74px;
    height: 43px;
    font-size: 14px;
    color: #232323;
    text-align: center;
    line-height: 43px;
    background: #E8E8E8;
    margin-right: 4px;
    transition: .3s;
    display: inline-block;
}
.l-zs-con14{
    width:  62px;
    height: 43px;
    font-size: 14px;
    color: #232323;
    text-align: center;
    line-height: 43px;
    background: #E8E8E8;
    transition: .3s;
    display: inline-block;
}
.l-zs-con15{
    width: 100%;
    height: 0;
    display: block;
    background: #76A70E;
    position: absolute;
    top: 50%;
    left: 0;
    transition: .3s;
    z-index: 50;
}
.l-zs-con12{
    display: block;
    /*width: 43px;*/
    height: 43px;
    margin-right: 4px;
    cursor: pointer;
    position: relative;
    z-index: 49;
    font-size: 16px;
    color: #232323;
    line-height: 43px;
    text-align: center;
    background: #fff;
    transition: .3s;
    display: inline-block;
}
.l-zs-con12 a{
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-right: 4px;
    cursor: pointer;
    position: relative;
    z-index: 49;
    font-size: 16px;
    color: #232323;
    line-height: 43px;
    text-align: center;
    background: #E8E8E8;
    transition: .3s;
}
.l-zs-con12 a:hover{
    background: #76A70E;
    color: #fff;
}
.l-zs-con13:hover{
    background: #76A70E;
    color: #fff;
}
.l-zs-con14:hover{
    background: #76A70E;
    color: #fff;
}
/* 页尾 */
.l-foot1{
    width: 100%;
    min-width: 1440px;
    height: 340px;
    background: #d30700;
}
.l-foot2{
    width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.l-foot3{
    width: 334px;
    overflow: hidden;
}
.l-foot4{
    width: 100%;
    padding-top: 58px;
    margin-bottom: 23px;
}
.l-foot5{
    width: 50px;
    height: 50px;
    margin-right: 20px;
}
.l-foot5 img{
    width: 100%;
}
.l-foot6{
   width: 245px;
   font-size: 35px;
   line-height: 50px;
   color: #fff;
   font-family: "din";
}
.l-foot7{
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 6px;
}
.l-foot8{
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    margin-bottom: 18px;
}
.l-foot9{
    width: 320px;
    margin-bottom: 12px;
}
.l-foot10{
    width: 16px;
    height: 23px;
}
.l-foot10 img{
    width: 100%;
}
.l-foot11{
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    margin-left: 12px;
}
.l-foot13{
    width: 20px;
    height: 15px;
}
.l-foot13 img{
    width: 100%;
}
.l-foot14{
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    margin-left: 12px;
}
.l-foot15{
    width: 943px;
    height: 145px;
    padding-top: 72px;
}
.l-foot16{
    width: 132px;
    height: 100%;
    border-right: 1px dashed #EDEDED;
}
.l-foot16:nth-child(7){
    border-right: none;
}
.l-foot17{
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 23px;
    text-align: center;
}
.l-foot18{
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 16px;
    text-align: center;
}
.l-foot19{
    width: 130px;
    padding-top: 70px;
}
.l-foot20{
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 12px;
    text-align: center;
}
.l-foot21{
    width: 130px;
    height: 130px;
}
.l-foot21 img{
    width: 100%;
}
.l-foot22{
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    position: absolute;
    bottom: 26px;
    left: 440px;
}
/* 新闻 */
.l-xw-con1{
    width: 100%;
    border-bottom: 1px solid #ECECEC;
}
.l-xw-con2{
    width: 600px;
    height: 290px;
    margin-bottom: 50px;
    overflow: hidden;
}
.l-xw-con2 img{
    width: 100%;
    transition: .4s
}
.l-xw-con2:hover img{
    transform: scale(1.1);
}
.l-xw-con3{
    width: 780px;
    margin-left: 56px;
}
.l-xw-con4{
    font-size: 16px;
    line-height: 16px;
    color: #666666;
    padding-top: 40px;
    margin-bottom: 18px;
}
.l-xw-con5{
    font-size: 24px;
    line-height: 24px;
    color: #464646;
    margin-bottom: 38px;
}
.l-xw-con6{
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    margin-bottom: 46px;
}
.l-xw-con8{
    width: 28px;
    height: 28px;
    margin-right: 13px;
}
.l-xw-con8 img{
    width: 100%;
}
.l-xw-con9{
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    transition: .3s;
}
.l-xw-con9:hover{
    color: #296F01;
}
.l-xw-con10{
    width: 1440px;
    margin: 0 auto;
    padding-top: 12px;
    margin-bottom: 66px;
}
.l-xw-con11{
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ECECEC;
}
.l-xw-con12{
    width: 250px;
    height: 167px;
    margin-right: 38px;
    padding-top: 32px;
    overflow: hidden;
    cursor: pointer;
}
.l-xw-con12 img{
    width: 100%;
    transition: .6s;
}
.l-xw-con12:hover img{
    transform: scale(1.2);
}
.l-xw-con13{
    width: 1150px;
    padding-top: 55px;
}
.l-xw-con14{
    font-size: 20px;
    line-height: 20px;
    color: #373737;
    font-weight: bold;
    margin-bottom: 23px;
}
.l-xw-con14:hover{
    color: #e82804;
}
.l-xw-con15{
    font-size: 16px;
    line-height: 16px;
    color: #727272;
    margin-bottom: 23px;
}
.l-xw-con16{
    font-size: 14px;
    line-height: 28px;
    color: #868686;
}
/* 关于我们 */
.l-gy-con1{
    width: 1440px;
    margin: 0 auto;
    padding-top: 62px;
}
.l-gy-con2{
    width: 530px;
    height: 555px;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 55px;
    margin-bottom: 50px;
}
.l-gy-con2 img{
    width: 100%;
    transition: .8s;
}
.l-gy-con2:hover img{
    transform: scale(1.2);
}
.l-gy-con3{
    width: 854px;
}
.l-gy-con4{
    width: 150px;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #e82804;
    padding-top: 28px;
    margin-bottom: 15px;
}
.l-gy-con5{
    width: 300px;
    font-size: 26px;
    line-height: 26px;
    color: #AAAAAA;
    margin-bottom: 36px;
    font-family: "xyj";
}
.l-gy-con6{
    width: 255px;
    font-size: 18px;
    line-height: 18px;
    color: #111111;
    margin-bottom: 25px;
}
.l-gy-con7{
    width: 38px;
    height: 2px;
    background: #e82804;
    margin-bottom: 28px;
}
.l-gy-con8{
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #6D6D6D;
    text-indent: 30px;
    margin-bottom: 50px;
    /*height: 320px;*/
    overflow: hidden;
    text-align: justify;
}
.l-gy-con8 p{ 
    font-size: 16px;
    line-height: 32px;
    color: #6D6D6D;
}
.l-gy-con9{
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #6D6D6D;
    text-indent: 30px;
    margin-bottom: 38px;
}
.l-gy-con10{
    width: 100%;
    margin-bottom: 80px;
}
.l-gy-con11{
    width: 350px;
    border-right: 1px solid #DDDDDD;
}
.l-gy-con11:nth-child(4){
    border-right: none;
}
.l-gy-con12a{
    width: 100%;
    height: 80px;
    font-size: 70px;
    line-height: 70px;
    color: #e82804;
    font-family: "din";
    /* text-indent: 100px; */
    text-align: center;
}
.l-gy-con12b{
    width: 100%;
    height: 80px;
    font-size: 70px;
    line-height: 70px;
    color: #e82804;
    font-family: "din";
    /* text-indent: 100px; */
    text-align: center;
}
.l-gy-con12c{
    width: 100%;
    height: 80px;
    font-size: 70px;
    line-height: 70px;
    color: #e82804;
    font-family: "din";
    /* text-indent: 100px; */
    text-align: center;
}
.l-gy-con12d{
    width: 100%;
    height: 80px;
    font-size: 70px;
    line-height: 70px;
    color: #e82804;
    font-family: "din";
    /* text-indent: 100px; */
    text-align: center;
}
.l-gy-con12a span{
    font-size: 18px;
    margin-left: 10px;
}
.l-gy-con12b span{
    font-size: 18px;
    margin-left: 10px;
}
.l-gy-con12c span{
    font-size: 18px;
    margin-left: 10px;
}
.l-gy-con12d span{
    font-size: 18px;
    margin-left: 10px;
}
.l-gy-con13{
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #6D6D6D;
    text-align: center;
}
.l-gy-con14{
    width: 1440px;
    margin: 0 auto;
    margin-bottom: 38px;
}
.l-gy-con15{
    width: 100%;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 15px;
    color: #e82804;
}
.l-gy-con16{
    width: 100%;
    font-size: 26px;
    line-height: 26px;
    color: #9B9B9B;
    text-align: center;
    font-family: "xyj"
}
.l-gy-con17{
    width: 100%;
    min-width: 1440px;
    height: 623px;
    position: relative;
}
.l-gy-con18{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
}
.l-gy-con18 img{
    width: 100%;
    height: 100%;
}
.l-gy-con19{
    width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 50;
    padding-top: 100px;
}
.l-gy-con20{
    width: 450px;
    margin-right: 43px;
    margin-bottom: 45px;
}
.l-gy-con20:nth-child(3){
    margin-right: 0;
}
.l-gy-con21{
    width: 100%;
    height: 280px;
    position: relative;
    z-index: 49;
    margin-bottom: 15px;
    overflow: hidden;
}
.l-gy-con21 img{
    width: 100%;
    transition: .5s;
}
.l-gy-con21:hover img{
    transform: scale(1.1);
}
.l-gy-con22{
    width: 0;
    height: 0;
    /* background: #A8B1A2; */
    background:rgb(232, 41, 5,0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .5s;
}
.l-gy-con20:hover .l-gy-con22{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.l-gy-con23{
    width: 65px;
    height: 65px;
    position: absolute;
    top: 108px;
    left: 192px;
    transition: .5s;
    opacity: 0;
}
.l-gy-con23 img{
    width: 100%;
}
.l-gy-con20:hover .l-gy-con23{
    opacity: 1;
}
.l-gy-con24{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #464646;
    text-align: center;
    background: #fff;
}
.l-gy-more1{
    width: 148px;
    height: 43px;
    border: 1px solid #296E01;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.l-gy-more1:hover{
    border: 1px solid rgba(255, 255, 255, 0);
}
.l-gy-more1:hover .l-sy-p1{
    color: #fff;
    transition: .3s;
}
.l-gy-more1:hover .l-jt-img1{
    opacity: 0;
}
.l-gy-more1:hover .l-jt-img2{
    opacity: 1;
}
.l-gy-more2{
    width: 148px;
    height: 43px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.l-gy-more2 .l-sy-p1{
    color: #fff;
}
.l-gy-more2 .l-jt-img2{
    opacity: 1;
}
.l-gy-more2 .l-jt-img1{
    opacity: 0;
}
.l-gy-more2 .mouse2{
    background: #fff;
}
.l-gy-more2:hover{
    border: 1px solid rgba(255, 255, 255, 0);
}
.l-gy-more2:hover .l-sy-p1{
    color: #e82804;
    transition: .3s;
}
.l-gy-more2:hover .l-jt-img1{
    opacity: 1;
}
.l-gy-more2:hover .l-jt-img2{
    opacity: 0;
}
.l-gy-con25a{
    width: 100%;
    height: 1040px;
    background: #F5F5F5;
}
.l-gy-con25{
    width: 1440px;
    margin: 0 auto;
    padding-top: 80px;
    margin-bottom: 95px;
}
.l-gy-con27{
    width: 100%;
    height: 420px;
    margin-bottom: 30px;
}
.l-gy-con27:nth-child(2){
    margin-bottom: 0;
}
.l-gy-con28{
    width: 612px;
    background: #fff;
    /* height: 100%; */
}
.l-gy-con29{
    font-size: 42px;
    line-height: 42px;
    color: #e82804;
    padding-top: 62px;
    margin-left: 63px;
    margin-bottom: 30px;
}
.l-gy-con30{
    font-size: 18px;
    line-height: 18px;
    color: #666666;
    margin-left: 63px;
    margin-bottom: 40px;
}
.l-gy-con30 span{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #e82804;
    margin-right: 15px;
}
.l-gy-con31{
    font-size: 15px;
    line-height: 30px;
    color: #969696;
    margin-left: 63px;
    margin-bottom: 12px;
    padding-right: 55px;
    height:215px;
    overflow: hidden;
    text-align: justify;
}
.l-gy-con32{
    width: 828px;
    height: 100%;
    overflow: hidden;
}
.l-gy-con32 img{
    width: 100%;
    transition: .5s
}
.l-gy-con32:hover img{
    transform: scale(1.2);
}
/* 效果展示 */
.l-xg-img1,.l-xg-img2,.l-xg-img3,.l-xg-img4,.l-xg-img5,.l-xg-img6,.l-xg-img7,.l-xg-img8,.l-xg-img9,.l-xg-img10,.l-xg-img11,.l-xg-img12{
    width: 65px;
    height: 65px;
    position: absolute;
    top: 125px;
    left: 135px;
    opacity: 0;
    transition: .5s;
    z-index: 51;
    cursor: pointer;
}
.l-xg-img1 img,.l-xg-img2 img,.l-xg-img3 img,.l-xg-img4 img,.l-xg-img5 img,.l-xg-img6 img,.l-xg-img7 img,.l-xg-img8 img,.l-xg-img9 img,.l-xg-img10 img,.l-xg-img11 img,.l-xg-img12 img{
    width: 100%;
}
.l-zs-con8:hover .l-xg-img1,.l-zs-con8:hover .l-xg-img2,.l-zs-con8:hover .l-xg-img3,.l-zs-con8:hover .l-xg-img4,.l-zs-con8:hover .l-xg-img5,.l-zs-con8:hover .l-xg-img6,.l-zs-con8:hover .l-xg-img7,.l-zs-con8:hover .l-xg-img8,.l-zs-con8:hover .l-xg-img9,.l-zs-con8:hover .l-xg-img10,.l-zs-con8:hover .l-xg-img11,.l-zs-con8:hover .l-xg-img12{
    opacity: 1;
}
.l-video-d3{
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 165px;
    right: 516px;
    cursor: pointer;
    overflow: hidden;
}
.l-video-d3 img{
    width: 100%;
}
.l-yw-con1{
    width: 1440px;
    margin: 0 auto;
    position: relative;
    padding-top: 82px;
    margin-bottom: 85px;
}
.l-yw-con2{
    width: 718px;
}
.l-yw-con3{
    font-size: 30px;
    line-height: 30px;
    color: #e82804;
    font-weight: bold;
    padding-top: 23px;
    margin-left: 66px;
    margin-bottom: 15px;
}
.l-yw-con4{
    font-size: 26px;
    line-height: 26px;
    color: #909090;
    font-family: "xyj";
    margin-left: 66px;
    margin-bottom: 50px;
}
.l-yw-con5{
    width: 200px;
    margin-left: 66px;
    margin-bottom: 30px;
}
.l-yw-con6{
    width: 35px;
    height: 38px;
    margin-right: 16px;
}
.l-yw-con6 img{
    width: 100%;
    transition: 1s;
}
.l-yw-con6:hover img{
    transform: rotateY(720deg);
}
.l-yw-con7{
    font-size: 22px;
    line-height: 38px;
    color: #484848;
}
.l-yw-con8{
    width: 610px;
    margin-left: 66px;
    margin-bottom: 50px;
}
.l-yw-con9{
    font-size: 16px;
    line-height: 32px;
    color: #626262;
    margin-bottom: 13px;
    height: 130px;
    overflow: hidden;
    text-align: justify;
}
.l-yw-con9 p,.l-gy-con8 p{font-size: 16px; text-indent: 32px;}
.l-yw-con10{
    width: 960px;
    height: 600px;
    position: absolute;
    top: 82px;
    left: -240px;
    overflow: hidden;
}
.l-yw-con10 img{
    width: 100%;
    transition: .5s;
}
.l-yw-con10:hover img{
    transform: scale(1.1);
}
/* 招商加盟 */
.l-jm-con1{
    width: 1440px;
    margin: 0 auto;
}
.l-jm-con2{
    width: 100%;
    margin-bottom: 73px;
}
.l-jm-con3 {
    width: 339px;
    height: 98px;
    margin-right: 25px;
    margin-bottom: 25px;
    border: 1px solid #DDDDDD;
}
.l-jm-con3:nth-child(4){
    margin-right: 0;
}
.l-jm-con3:nth-child(8){
    margin-right: 0;
}
.l-jm-con3:nth-child(9){
    margin-bottom: 0;
}
.l-jm-con3:nth-child(10){
    margin-bottom: 0;
}
.l-jm-con3:nth-child(11){
    margin-bottom: 0;
}
.l-jm-con3:nth-child(12){
    margin-right: 0;
    margin-bottom: 0;
}
.l-jm-con4 {
    width: 75px;
    height: 75px;
    margin-top: 12px;
    margin-left: 4.5px;
    margin-right: 8px;
}
.l-jm-con4 img{
    width: 100%;
    transition: .8s;
}
.l-jm-con4:hover img{
    transform: rotateY(720deg);
}
.l-jm-con5{
    width: 245px;
    padding-top: 33px;
}
.l-jm-con6{
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    color: #3B3B3B;
    margin-bottom: 8px;
    letter-spacing: 2px;
}
.l-jm-con7{
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #3B3B3B;
    text-align: center;
    font-family: "xyj";
    font-weight: bold;
}
/* 招商加盟 */
.l-jr-con1{
    width: 1440px;
    height: 655px;
    margin: 0 auto;
    position: relative;
    padding-top: 85px;
}
.l-jr-con2{
    width: 400px;
    margin-left: 68px;
    margin-bottom: 45px;
}
.l-jr-con5{
    width: 58px;
    height: 58px;
    margin-right: 12px;
}
.l-jr-con5 img{
    width: 100%;
    transition: .5s;
}
.l-jr-con5:hover img{
    transform: rotateY(720deg);
}
.l-jr-con7{
    width: 330px;
    font-size: 32px;
    line-height: 45px;
    color: #e82804;
    font-family: Impact;
    font-style: italic;
}
.l-jr-con7 span{
    font-size: 20px;
    line-height: 45px;
    color: #2F2F2F;
}
.l-jr-con8{
    width: 645px;
    font-size: 16px;
    line-height: 32px;
    color: #6C6C6C;
    text-indent: 25px;
    margin-left: 68px;
    margin-bottom: 40px;
}
.l-jr-con8 p{
    font-size: 16px;
    line-height: 32px;
    color: #6C6C6C;
}
.l-jr-con8 span{
    font-size: 16px;
    line-height: 32px;
    color: #6C6C6C;
}
.l-jr-con8:nth-child(2){
    width: 645px;
    font-size: 16px;
    line-height: 32px;
    color: #6C6C6C;
    text-indent: 25px;
    margin-left: 68px;
}
.l-jr-con6{
    width: 655px;
    margin-right: 55px;
    margin-bottom: 85px;
}
.l-jr-con3{
    width: 140px;
    font-size: 30px;
    line-height: 30px;
    color: #e82804;
    font-weight: bold;
    padding-top: 23px;
    margin-left: 66px;
    margin-bottom: 15px;
}
.l-jr-con4{
    width: 260px;
    font-size: 26px;
    line-height: 26px;
    color: #909090;
    font-family: "xyj";
    margin-left: 66px;
    margin-bottom: 50px;
}


#news_con {width: auto; color: #333; font-size: 14px; line-height: 30px; margin: 0 auto 47px;padding-top:40px;}
#news_con .h1 { text-align: center; font-size: 16px; height: auto; line-height: 45px;}
#news_con .h2 { text-align: center; font-weight: normal;width: 100%; margin:0 auto; height: 45px;   line-height: 45px;  border-top: dashed 1px #ddd;    color: #666;    margin-bottom: 5px; font-size:14px}
#news_con #pic { position:relative;text-align: center;  margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold;color:#47A7FE;}
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold;color:#47A7FE;}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold;}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold;}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-bottom:15px; min-height:400px; font-size: 14px; text-align: justify; line-height: 28px;}/*#news_cons img,*/#news_cons table{ width:100%;}


.z-content-d1{width: 75%;margin: 0 auto;padding-top: 90px;margin-bottom: 80px;}
.z-content-p1{font-size: 28px;line-height: 44px;color: #e82804;text-align: center;width: 100%;}
.z-content-p2{width: 100%;text-align: center;height: 74px;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.z-content-p2>div{display: inline-block;font-size: 14px;line-height: 74px;color: #999999;margin: 0 52px;}
.z-content-p2>div:last-child span{color: #db0202;}
.z-content-p3{width: 100%;background: #fbfbfb;padding: 48px 40px 86px 40px;box-sizing: border-box;font-size: 16px;line-height: 32px;color: #333333;}
.z-content-p3 p{font-size: 16px;line-height: 32px;color: #333333;}
.z-content-p3 img{display: inline-block;}
.z-content-p4{width: 100%;height: 97px;background: #fbfbfb;}
.z-content-p4>div{width: calc(100% - 80px);margin: 0 auto;height: 96px;border-top: 1px dashed #e6e6e6;}
.z-content-p4>div>span{display: block;width: 390px;font-size: 16px;line-height: 96px;color: #e82804;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.z-content-p4>div>span:first-child{float: left;}
.z-content-p4>div>span:last-child{float: right;}
.z-content-p4>div>span a{color: #5a5a5a;font-weight: 400;}