﻿@import url(//at.alicdn.com/t/font_1880707_i2nsilc35d.css);
@import url(/include/css/pub3.css);

.pv-controls-right div { display: block }
.el-slider { display: initial }
    .el-slider div { display: initial }
.el-cascader-panel .el-radio { position: absolute; width: calc(100% - 50px); height: 100%; top: 0px; left: 20px }
    .el-cascader-panel .el-radio .el-radio__input { display: none }

.editor table, .editor2 table { max-width: 100% }

.transmask { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; }
.winmask { position: absolute; width: 100%; height: 100%; background: #000; top: 0px; left: 0px; z-index: 9999 }
.myspace { width: 10px; display: inline-block }

.transiderightdefault { width: 510px; }
.transideright { transition: all .5s ease; transform-origin: center; width: 60px; }
.transiderightback { transition: all .5s ease; transform-origin: center; width: 510px; }

.appfull { position: fixed; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-flow: column nowrap }
    .appfull .realwrap { width: 100%; padding-left: 20px; padding-right: 20px; }
#app { width: 100%; flex-flow: column nowrap }
    #app .realwrap { width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin: 0 auto; }

.overdot { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important }

a { text-decoration: none; color: #666666 }
    a:hover { text-decoration: none; color: #0000ff; }

.content1 { font-size: 1em; color: #333; line-height: 1.5em }
.navmore { display: inline-block; height: 40px; padding-left: 24px; padding-right: 24px; line-height: 40px; background-color: #104c82; border-radius: 20px; font-size: 0.875em; color: #FFF }
    .navmore:hover { color: #FFF }
.navmore2 { display: inline-block; height: 40px; padding-left: 24px; padding-right: 24px; line-height: 40px; background-color: #FFF; border-radius: 20px; font-size: 0.875em; color: #000 }


body { color: #262626; min-width: 1240px; }

.bluelabel { display: inline-block; width: 10px; height: 16px; background-color: #182a83; margin-top: 4px; }

.header { width: 100%; flex-flow: column nowrap; position: relative }
.navwrap { width: 100%; height: 80px; background: #FFF; justify-content: center; align-items: center }
    .navwrap.fixed { position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,.5); z-index: 1 }
.nav { width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; justify-content: space-between; align-items: center }
    .nav .logo { width: 120px; flex: none }
    .nav .navmain { width: 100%; flex: auto }
        .nav .navmain dl { width: 100%; }
            .nav .navmain dl dd { margin-right: 40px; flex-flow: column nowrap; justify-content: center; align-items: center }
                .nav .navmain dl dd a { font-size: 14px; color: #333 }
                .nav .navmain dl dd span { display: inline-block; width: 36px; height: 3px; background-color: transparent; margin-top: 10px; }
                .nav .navmain dl dd.cs span, .nav .navmain dl dd:hover span { background-color: #333; }
.navwrap.fixed .nav .navmain dl dd.cs span, .navwrap.fixed .nav .navmain dl dd:hover span { background-color: #333; }
.navwrap.fixed .nav .navmain dl dd a { color: #333; }
.nav .navlogin { width: 160px; flex: none; justify-content: flex-end; font-size: 14px; color: #333; margin-bottom: 13px; justify-content: space-between }
    .nav .navlogin dd .cs { color: #f2c246 }
.navwrap.fixed .nav .navlogin { color: #333; }

.topfixed { position: fixed; z-index: 9999; box-shadow: 5px 5px 10px 0px #ccc; }
    .topfixed .logo { width: 100px; overflow: hidden }


.banner { width: 100%; position: relative }
    .banner img { width: 100% }

.bannerinfowrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 }
.bannerinfo { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-bottom: 80px; justify-content: center; align-items: center; flex-flow: column nowrap }
.bannertitle { font-size: 36px; color: #FFF; font-weight: bold; line-height: 2em }
.bannersubtitle { font-size: 16px; color: #FFF }

.footer { width: 100%; background-color: #104c82; justify-content: center; min-height: 100px; flex-flow: column nowrap }
    .footer .copyright { justify-content: center; color: #FFF; padding-top: 25px; padding-bottom: 25px; line-height: 25px; font-size: 0.875em; }
        .footer .copyright .editor { text-align: center; align-items: center }
        .footer .copyright a { color: #FFF; }

.mainbody { width: 100%; flex-flow: column nowrap }

.linetitleright { font-size: 36px; color: #104c82; padding-bottom: 26px; margin-bottom: 10px; background: url(/images/lineright.png) no-repeat right bottom }
.linesubtitle { font-size: 14px; color: #666666; margin-bottom: 20px; line-height: 1.5em }
.linetitlemiddle { font-size: 36px; color: #104c82; padding-bottom: 26px; margin-bottom: 10px; background: url(/images/linedouble.png) no-repeat bottom center }
.linetitleleft { font-size: 36px; color: #104c82; padding-bottom: 26px; margin-bottom: 10px; background: url(/images/lineleft.png) no-repeat left bottom }
.linetitleleft2 { font-size: 36px; color: #FFF; padding-bottom: 26px; margin-bottom: 10px; background: url(/images/lineleft.png) no-repeat left bottom }
.linesubtitle2 { font-size: 14px; color: #FFF; margin-bottom: 20px; line-height: 1.5em }


.homeimgwrap { width: 100%; justify-content: center; padding-top: 60px; padding-bottom: 60px }
.homeimg { width: 100%; max-width: 1200px; flex-flow: column nowrap; }

.homeaboutwrap { width: 100%; justify-content: center; padding-top: 45px; padding-bottom: 45px; background-color: #ecf7f1; }
.homeabout { width: 100%; max-width: 1200px; flex-flow: row nowrap; }
    .homeabout .homeaboutimg { width: 35%; padding-left: 15%; padding-right: 15%; justify-content: center; align-items: center }
    .homeabout .hoemaboutinfo { width: 65%; flex-flow: column nowrap; padding-right: 60px; }
        .homeabout .hoemaboutinfo dt { width: 100%; justify-content: right }
        .homeabout .hoemaboutinfo dd { width: 100%; }
        .homeabout .hoemaboutinfo .linesubtitle { justify-content: right; text-align: right }
        .homeabout .hoemaboutinfo .content1 { margin-top: 20px }
        .homeabout .hoemaboutinfo .linkmoreright { margin-top: 40px; justify-content: right; }
    .homeabout .editor { padding: 0 }


.homesoluwrap { width: 100%; justify-content: center; padding-top: 60px; padding-bottom: 60px; }
.homesolu { width: 100%; max-width: 1200px; flex-flow: column nowrap; }
    .homesolu .linetitlemiddle { justify-content: center; }
    .homesolu .linesubtitle { justify-content: center; text-align: center; }
    .homesolu .homesoluinfo { width: 100%; justify-content: space-between; align-items: center }
        .homesolu .homesoluinfo .homesoluimg { }
    .homesolu .linkmoremiddle { justify-content: center; margin-top: 30px; }

.hometechwrap { width: 100%; justify-content: center; padding-bottom: 60px; position: relative; }
.hometechbg { width: 100%; margin-top: 160px; }
    .hometechbg img { width: 100% }
.hometech { width: 100%; justify-content: center; position: absolute; top: 0; left: 0; z-index: 1000; }
.hometechbox { width: 100%; max-width: 1200px; padding: 40px 70px; flex-flow: column nowrap; background-color: rgba(4,16,32,.7); min-height: 320px }
.hometechtop { width: 100%; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end }
.hometechtitle { flex-flow: column nowrap }
.homenewstitle { flex-flow: column nowrap }
.hometechtop .linkmoreright { margin-bottom: 20px; }
.hometechinfo { width: 100%; flex-flow: row nowrap; justify-content: space-between; padding-top: 20px; }

.homenewswrap { width: 100%; justify-content: center; padding-bottom: 60px; }
.homenews { width: 100%; max-width: 1200px; flex-flow: column nowrap; }
    .homenews .homenewstop { width: 100%; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end }
    .homenews .linkmoreright { margin-bottom: 20px; }
    .homenews .homenewsinfo { width: 100%; flex-flow: row wrap; }
        .homenews .homenewsinfo .homenewsinfoitem { width: 50%; padding-bottom: 33.3%; overflow: hidden; position: relative; }
            .homenews .homenewsinfo .homenewsinfoitem .homenewsinfoimg { width: 100%; height: 100%; flex: none; overflow: hidden; justify-content: center; position: absolute; top: 0px; left: 0px; z-index: 1 }
                .homenews .homenewsinfo .homenewsinfoitem .homenewsinfoimg img { object-fit: cover; object-position: center; transition: all ease-in .2s }
            .homenews .homenewsinfo .homenewsinfoitem:hover .homenewsinfoimg img { transform: scale(1.1); }
            .homenews .homenewsinfo .homenewsinfoitem .imgmask { width: 100%; height: 100%; flex: none; overflow: hidden; justify-content: center; position: absolute; top: 0px; left: 0px; z-index: 2; background-color: rgba(0,0,0,.4); transition: all ease-in .2s }
            .homenews .homenewsinfo .homenewsinfoitem:hover .imgmask { background-color: rgba(0,0,0,.1) }
            .homenews .homenewsinfo .homenewsinfoitem dl { width: 100%; padding-left: 40px; padding-right: 40px; color: #FFF; position: absolute; left: 0px; bottom: 20px; z-index: 3; flex-flow: column nowrap }
                .homenews .homenewsinfo .homenewsinfoitem dl dt { width: 100%; font-size: 20px; line-height: 2em }
                .homenews .homenewsinfo .homenewsinfoitem dl dd { width: 100%; font-size: 14px; line-height: 2em }

.imgtitle { width: 100%; justify-content: center; margin-top: 60px; margin-bottom: 40px; }

.subwrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0px 20px; flex-flow: column nowrap }

.subwrap2 { width: 100%; flex-flow: column nowrap; margin-bottom: 60px; }
.subconlist { width: 100%; flex-flow: column nowrap; position: relative; }
.subconlist2 { width: 100%; flex-flow: row nowrap; position: relative; justify-content: space-between; margin-top: 60px; }

.subcontop { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; margin-top: -70px; flex-flow: row nowrap; background-color: #FFF; box-shadow: 5px 5px 10px 0px #ccc; align-items: center }
.subcontopinfo { width: 50%; padding-left: 5%; padding-right: 5%; line-height: 2em; flex-flow: column nowrap }
.subcontoptitle { margin-bottom: 40px; }
.subcontopcover { width: 50% }
    .subcontopcover img { width: 100%; }


.subconitem { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0px 20px; flex-flow: column nowrap; position: relative; z-index: 11; }
    .subconitem .img1 { width: 100%; padding-bottom: 210px; }
        .subconitem .img1 img { width: 100% }
.subconitem2 { width: 100%; position: absolute; z-index: 0; bottom: 0px; left: 0px; }
    .subconitem2 img { width: 100%; }

.subconitem3 { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0px 20px; flex-flow: row nowrap; justify-content: space-between; align-items: center }

.subconitem4 { width: 100%; margin-top: 60px; }
    .subconitem4 img { width: 100%; }

.subconitem5 { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0px 20px; flex-flow: row nowrap; justify-content: space-between; align-items: center }
    .subconitem5 .editor2 { width: 60%; padding-left: 10%; padding-right: 10%; line-height: 2em }
    .subconitem5 .img5 { width: 40%; justify-content: center }


.subconitem6 { width: 100%; flex-flow: row nowrap; justify-content: space-between; align-items: center }
    .subconitem6 dl { width: 30%; flex-flow: column nowrap }
        .subconitem6 dl dt { width: 100%; justify-content: center }
        .subconitem6 dl dd { width: 100%; padding: 20px; font-size: 16px; line-height: 1.5em; text-align: justify }

.subconitem7 { width: 100%; flex-flow: column nowrap; }
    .subconitem7 .subconbox { width: 100%; justify-content: flex-end; position: relative }
        .subconitem7 .subconbox .imgcover { width: 100%; position: relative; z-index: 2; padding-left: 80px; }
        .subconitem7 .subconbox .subconbody { width: 100%; justify-content: flex-end; position: absolute; height: 100%; left: 0px; top: 0px; padding-top: 50px; padding-bottom: 50px; }
            .subconitem7 .subconbox .subconbody dl { width: 100%; height: 100%; padding-right: 70px; align-items: flex-end; justify-content: center; background-color: #676d85; flex-flow: column nowrap; }
                .subconitem7 .subconbox .subconbody dl dt { font-size: 36px; color: #FFF }
                .subconitem7 .subconbox .subconbody dl dd { font-size: 16px; color: #FFF }

        .subconitem7 .subconbox:nth-child(2n) { justify-content: flex-start }
            .subconitem7 .subconbox:nth-child(2n) .imgcover { padding-left: 0px; padding-right: 70px; justify-content: flex-end }
            .subconitem7 .subconbox:nth-child(2n) .subconbody { justify-content: flex-start; }
                .subconitem7 .subconbox:nth-child(2n) .subconbody dl { padding-left: 50px; padding-right: 0px; align-items: flex-start; }


.subconitem8 { width: 100%; flex-flow: column nowrap; margin-bottom: 60px; }
    .subconitem8 .subconbox { width: 100%; flex-flow: row nowrap; }
        .subconitem8 .subconbox .imgcover { width: 25%; position: relative; }
            .subconitem8 .subconbox .imgcover .imgcovertitle { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; justify-content: center; align-items: center; color: #FFF; font-size: 24px; background-color: rgba(0,0,0,.6) }
                .subconitem8 .subconbox .imgcover .imgcovertitle.cs { background-color: transparent }

    .subconitem8 .subconbox2 { width: 100%; flex-flow: column nowrap; padding: 60px 80px; box-shadow: 5px 5px 10px 0px #ccc; }
        .subconitem8 .subconbox2 dl { width: 100%; flex-flow: column nowrap; line-height: 2em }
            .subconitem8 .subconbox2 dl dt { width: 100%; font-size: 24px; color: #104c82; font-weight: bold; padding-bottom: 10px; }
            .subconitem8 .subconbox2 dl dd { width: 100%; font-size: 16px; }

.subconitema { width: 32%; flex: none; padding: 60px; justify-content: center; box-shadow: 5px 5px 10px 0px #ccc; flex-flow: column nowrap }
    .subconitema .itema1 { width: 100%; height: 120px; justify-content: center; align-items: center; text-align: center }
    .subconitema .itema2 { width: 100%; height: 120px; justify-content: center; align-items: center; text-align: center }

.subconmap { width: 100%; margin-top: 60px; margin-bottom: 60px; }

.newslist { width: 100%; flex-flow: column nowrap; margin-top: 60px; }
.newsitem { width: 100%; margin-bottom: 60px; padding: 40px 48px; box-shadow: 5px 5px 10px 0px #ccc; flex-flow: row nowrap }
.newscover { width: 450px; height: 300px; flex: none; overflow: hidden; justify-content: center }
    .newscover img { object-fit: cover; object-position: center; transition: all ease-in .2s }
        .newscover img:hover { transform: scale(1.1); }
.newsinfo { width: 50%; flex: auto; flex-flow: column nowrap; padding-top: 30px; padding-left: 60px; }

    .newsinfo dt { width: 100%; font-size: 14px; color: #999 }
    .newsinfo dd { width: 100%; padding-top: 20px; }
    .newsinfo .a { font-size: 18px; line-height: 1,5em; color: #333; font-weight: bold; }
    .newsinfo .b { font-size: 14px; line-height: 2em; color: #666 }

.newspage { width: 100%; justify-content: center; margin-bottom: 60px; }

.newsdetail { width: 100%; flex-flow: column nowrap; margin-top: 60px; margin-bottom: 60px; }
.subcontitle { width: 100%; font-size: 24px; color: #000; text-align: center; justify-content: center; margin-bottom: 20px; }
.subcondate { width: 100%; margin-bottom: 30px; flex-flow: column nowrap; justify-content: center; position: relative; align-items: center }
    .subcondate .word { width: 100%; position: absolute; top: 0px; left: 0px; text-align: center; justify-content: center; z-index: 1 }
        .subcondate .word span { display: inline-block; padding: 0px 20px; background-color: #FFF; color: #bbbbbb; font-size: 14px; }
    .subcondate .line { width: 100%; position: relative; border-top: 1px solid #bbbbbb; margin-top: 10px; }
.subconbtn { width: 100%; justify-content: center; text-align: center; margin-top: 30px; }
    .subconbtn a { display: inline-block; color: #9ad0ea; font-size: 16px; border: 1px solid #9ad0ea; border-radius: 16px; line-height: 2em; padding: 0px 20px; }

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 360px) {
}
