@charset "utf-8"; /* CSS Document */ body{ font-size:12px; font-weight:normal; color:#333333; line-height:1.5; font-family:'Microsoft YaHei'; margin:auto } @font-face { font-family: anton; src: url('../font/anton.woff.ttf'), url('../font/anton.woff.ttf'); /* IE9+,鍙互鏄叿浣撶殑瀹為檯閾炬帴 */ } *{ margin:0; padding:0; box-sizing: border-box; } img{ border:0; } ul,li{ list-style:none; } a{ color:#333333; text-decoration:none; transition: all 0.6s; } a:hover{ color:#1C448A; text-decoration: none; } table{ margin: auto; } i{ font-style:normal} em{ font-style:normal} @media (min-width:1000px) { .main{ width: auto; margin: auto; max-width: 1440px; padding: 0px 15px; } .header{ width: 100%; float: left; height: 80px; padding:0px 3.125vw; background-color:#1C448A; display: flex; align-items: center; justify-content: space-between; } .logo{ width: auto; max-width:21.4%; } .logo img{ max-width: 100%; height: auto; vertical-align: middle; } .innav{ width: auto; display: flex; align-items: center; } .innav ul{ display: flex; align-items: center; height: 80px; } .innav ul li{ width: auto; font-size: 16px; height: 80px; text-transform: uppercase; align-items: center; display: flex; line-height: 80px; margin-left: 1.56vw; margin-right: 1.56vw; position:relative; } .innav ul li a{ transition: all 0s; color:#FFF; } .innav ul li a:hover{ color: #FFF; } .innav ul li .cur{ color: #FFF; } #xiala{ height: auto; position: absolute; z-index: 999999; left: -30px; top: 80px; opacity: 0; visibility: hidden; background-color: #FFFFFF; line-height: 35px; width:120px; } #xiala a{ font-size: 16px; line-height: 35px; color: #666666; margin-top:2px; border:0px; font-weight:normal; text-align: left; padding-left:20px; width:100%; float:left; } #xiala a:hover{ background:#1C448A; color: #ffffff; border:0px; } .innav ul li:hover #xiala{ opacity: 1; visibility: visible; } .innav .search{ width:auto; align-items: center; display: flex; margin-left:3.125vw; } .innav .search div img{ vertical-align:middle; margin-left:5px; } .xlsearch{ display:none; right:0px; width: 320px; height: 60px; background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1); border-radius: 30px 30px 30px 30px; opacity: 0.95; z-index:99999; position:absolute; padding:0px 15px; top:80px; } .xlsearch01{ width: 100%; height: 60px; opacity: 0.95; display: flex; justify-content: space-between; align-items: center; } .xlsearch .biank{ width:260px; height:40px; border:0px; line-height:40px; font-size:14px; color:#999; outline:none; font-family:'寰蒋闆呴粦'; } .xlsearch .gbi{ width:36px; height:36px; background-image:url(../img/gb.png); background-position:center; background-repeat:no-repeat; } .intitle{ width:100%; float:left; margin-top:60px; } .intitle dl dt{ height:76px; position:relative; font-size:48px; text-align:center; color:rgba(238,238,238,1); text-transform:uppercase; } .intitle dl dt i{ width:100%; position:absolute; top:37px; left:0; text-align:center; font-size:32px; color:#333; line-height:42px; } .intitle dl dd{ margin-top:20px; color:#999; font-size:14px; line-height:20px; text-align:center; } .xqiu{ width:100%; float:left; margin-top:60px; margin-bottom:60px; } .xqiu ul{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .xqiu ul li{ width:calc(33.9% - 30px); padding:40px 30px; background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1000); padding-bottom:20px; } .xqiu ul li h1{ font-size:24px; line-height:30px; color:#333; font-weight:normal; text-align:center; } .xqiu ul li:hover h1{ color:#1C448A; } .xqiu ul li h2{ margin-top:15px; font-size:16px; line-height:21px; color:#999; text-align:center; font-weight:normal; } .xqiu ul li .pic{ overflow:hidden; margin-top:30px; } .xqiu ul li .pic img{ width:100%; height:auto; display:block; transition: all 0.6s; } .xqiu ul li:hover .pic img{ transform: scale(1.05); } .xqiu ul li .tex{ margin-top:20px; display: flex; justify-content: space-between; } .xqiu ul li .tex .subpic{ width:36px; } .xqiu ul li .tex .subpic img{ max-width:36px; } .xqiu ul li .tex .subtex{ width:calc(100% - 56px); font-size:14px; line-height:22px; color:#999; } .xqiu ul li .tex .subtex h3{ margin-bottom:10px; font-size:16px; color:#000; font-weight:normal; margin-top:5px; } .xqiu ul li .tex .subtex p{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .xqiu ul li .more{ margin-top:50px; text-align:center; font-size:14px; text-transform:uppercase; } .inabout{ width:100%; float:left; margin-top:140px; padding-bottom:120px; padding-top:140px; background-image:url(../img/ab01.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; } .inabout01{ width:100%; float:left; display:flex; justify-content: space-between; flex-wrap: wrap; } .inabout01 .tex{ width:43%; font-size:14px; line-height:30px; color:#FFF; } .inabout01 .tex h1{ font-size:36px; line-height:40px; font-weight:normal; margin-bottom:40px; } .inabout01 .tex .more{ margin-top:60px; display:flex; } .inabout01 .tex .more a{ width: 160px; height: 42px; line-height:42px; text-align:center; border: 1px solid #FFFFFF; font-size:14px; color:#FFF; } .inabout01 .pic{ width:50%; } .inabout01 .pic .pic01{ width:100%; float:left; position:relative; } .inabout01 .pic .pic01 .a01 img{ width:100%; height:auto; display:block; } .inabout01 .pic .pic01 .a02{ width:100%; position:absolute; height:100%; z-index:1; left:0; top:0; display: flex; justify-content: center; align-items: center; } .num{ width:100%; float:left; margin-top:100px; } .num ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .num ul li{ width:auto; } .num ul li dl dt{ font-size:42px; height:56px; position:relative; line-height:56px; font-weight:bold; text-transform:uppercase; color:rgba(255,255,255,0.1); text-align:center; } .num ul li dl dt i{ width:100%; position:absolute; bottom:10px; left:0; z-index:11; font-size:64px; line-height:88px; color:#FFF; text-align:center; font-weight:normal; font-family: anton; } .num ul li dl dt span{ font-size:14px; color:#FFFFFF; line-height:100%; position:absolute; top:-20px; right:0px; } .num ul li dl dd{ margin-top:10px; font-size:18px; line-height:24px; color:#FFF; text-align:center; } .intite2{ width:100%; float:left; margin-top:100px; } .intite2 dl dt{ font-size:42px; color:#1A1A1A; font-weight:bold; text-transform:uppercase; line-height:55px; } .intite2 dl dd{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .intite2 dl dd .wz{ display: flex; align-items: center; font-size:30px; color:#1A1A1A; } .intite2 dl dd .wz i{ width: 40px; height: 2px; background: #1C448A; margin-left:25px; } .intite2 dl dd a{ width:200px; height:46px; background-image:url(../img/more.png); background-position:center; background-repeat:no-repeat; } .intite2 dl dd a:hover{ background-image:url(../img/more2.png); background-position:center; background-repeat:no-repeat; } .innew{ width:100%; float:left; margin-top:20px; } .innew ul{ display: flex; flex-wrap: wrap; } .innew ul li{ width:calc(33.9% - 40px); margin-right:40px; margin-top:60px; } .innew ul li .pic{ overflow:hidden; } .innew ul li .pic img{ width:100%; height:auto; display:block; transition: all 0.6s; } .innew ul li:hover .pic img{ transform: scale(1.05); } .innew ul li dl dt{ margin-top:20px; display: flex; font-size:14px; line-height:20px; color:#666; align-items: center; } .innew ul li dl dt i{ margin-right:20px; width: 40px; height: 2px; background: #666666; } .innew ul li dl dd{ margin-top:10px; font-size:20px; line-height:30px; font-weight:bold; padding-left:60px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .innew ul li:nth-child(3n){ margin-right:0px; } .wrap{ width:100%; float:left; margin-top:120px; background-color:#FAFAFC; padding-bottom:150px; } .intitle3{ width:100%; float:left; margin-top:100px; } .intitle3 dl dt{ font-size:36px; line-height:47px; color:#333; text-transform:uppercase; font-weight:bold; text-align:center; } .intitle3 dl dd{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size:24px; line-height:31px; color:#000; } .intitle3 dl dd i{ width: 30px; height: 2px; background: #1C448A; margin-left:5px; margin-right:5px; } .intitle3 p{ margin-top:25px; font-size:14px; line-height:20px; color:#999; text-align:center; } .hz{ width:100%; float:left; margin-top:80px; } .hz ul li{ width:300px; margin-right:10px; margin-top:10px; float:left; } .hz ul li img{ max-width:100%; } #picgd { overflow:hidden; width: 100%; } #picgd img { } #inpicgd { float: left; width: 1800%; } #picgd1 { float: left; } #picgd2 { float: left; } #tpgd { overflow:hidden; width: 100%; } #tpgd img { } #intpgd { float: left; width: 1800%; } #tpgd1 { float: left; } #tpgd2 { float: left; } #rrgd { overflow:hidden; width: 100%; } #rrgd img { } #inrrgd { float: left; width: 1800%; } #rrgd1 { float: left; } #rrgd2 { float: left; } #demo { overflow:hidden; width: 100%; } #demo img { } #indemo { float: left; width: 1800%; } #demo1 { float: left; } #demo2 { float: left; } .foot{ width:100%; float:left; background-color:#1C448A; padding-top:40px; } .xlogo{ width:100%; float:left; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,0.1) } .xlogo img{ max-height:62px; } .xlogo a{ width: 160px; height: 40px; border-radius: 19px; border: 1px solid rgba(255,255,255,0.5); line-height:40px; text-align:center; color:#FFF; font-size:18px; } .foot01{ width:100%; float:left; margin-top:80px; display: flex; flex-wrap: wrap; justify-content: space-between; } .foot01 ul{ display: flex; justify-content: space-between; width:55% } .foot01 ul:nth-child(2){ width:21%; } .foot01 ul:nth-child(2) li dl dt{ padding:15px; border: 1px solid rgba(255,255,255,0.25); } .foot01 ul:nth-child(2) li dl dt img{ max-width:100%; } .foot01 ul:nth-child(2) li dl dd{ text-align:center; } .foot01 ul:nth-child(2) li{ max-width:48%; } .foot01 ul li{ width:auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .foot01 ul li dl dt{ font-size:16px; line-height:22px; color:#FFF; } .foot01 ul li dl dd{ font-size:14px; line-height:20px; margin-top:20px; color:rgba(255,255,255,0.5); } .foot01 ul li dl dd a{ color:rgba(255,255,255,0.5); } .foot01 ul li dl dd a:hover{ text-decoration:underline; color:rgba(255,255,255,1); } .foot02{ width:100%; float:left; margin-top:150px; display: flex; flex-wrap: wrap; justify-content: space-between; color:rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.1); padding:40px 0; } .foot02 a{ color:rgba(255,255,255,0.5); } .nybanner{ width:100%; float:left; position:relative; margin-top:80px; } .nybanner img{ width:100%; height:auto; display:block; } .nybanner .tex{ width:100%; position:absolute; left:0; top:0; z-index:11; height:100%; display: flex; flex-wrap: wrap; align-items: center; padding:0px 5%; } .nybanner .tex dl dt{ font-size:48px; line-height:64px; color:#FFF; } .nybanner .tex dl dd{ font-size:22px; line-height:29px; color:#FFF; margin-top:25px; text-transform:uppercase; } .nyabout{ width:100%; float:left; display:flex; justify-content: space-between; flex-wrap: wrap; margin-top:120px; } .nyabout .tex{ width:43%; font-size:14px; line-height:30px; } .nyabout .tex h1{ font-size:36px; line-height:40px; font-weight:normal; margin-bottom:40px; } .nyabout .tex .more{ margin-top:55px; display:flex; } .nyabout .tex .more a{ width: 180px; height: 50px; border: 1px solid rgba(153,153,153,0.5); display:flex; justify-content: space-between; align-items: center; color:#999; margin-right:20px; } .nyabout .tex .more a i{ width:6px; height:10px; background-image:url(../img/dbx01a.png); background-position:center; background-repeat:no-repeat; margin-left:20px; } .nyabout .tex .more a em{ width:6px; height:10px; background-image:url(../img/dbx02a.png); background-position:center; background-repeat:no-repeat; margin-right:20px; } .nyabout .tex .more a:hover{ border: 1px solid #1C448A; color:#1C448A; } .nyabout .tex .more a:hover i{ background-image:url(../img/dbx01.png); background-position:center; background-repeat:no-repeat; } .nyabout .tex .more a:hover em{ background-image:url(../img/dbx02.png); background-position:center; background-repeat:no-repeat; } .nyabout .pic{ width:50%; } .nyabout .pic .pic01{ width:100%; float:left; position:relative; } .nyabout .pic .pic01 .a01 img{ width:100%; height:auto; display:block; } .nyabout .pic .pic01 .a02{ width:100%; position:absolute; height:100%; z-index:1; left:0; top:0; display: flex; justify-content: center; align-items: center; } .nynum{ width:100%; float:left; margin-top:100px; } .nynum ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .nynum ul li{ width:auto; } .nynum ul li dl dt{ font-size:42px; height:56px; position:relative; line-height:56px; font-weight:bold; text-transform:uppercase; color:rgba(28,68,138,0.1); text-align:center; } .nynum ul li dl dt i{ width:100%; position:absolute; bottom:10px; left:0; z-index:11; font-size:64px; line-height:88px; color:#1C448A ; text-align:center; font-weight:normal; font-family: anton; } .nynum ul li dl dt span{ font-size:14px; color:#1C448A; line-height:100%; position:absolute; top:-20px; } .nynum ul li dl dd{ margin-top:10px; font-size:18px; line-height:24px; color:#333333; text-align:center; } .cul{ width:100%; float:left; margin-top:120px; padding-bottom:137px; background-image:url(../img/whbj.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; } .cul01{ width:100%; float:left; margin-top:90px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .cul01 .pic{ width:45%; } .cul01 .pic img{ max-width:100%; height:auto; } .cul01 .tex{ width:45%; } .cul01 .tex ul li{ width:100%; float:left; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:40px; } .cul01 .tex ul li:first-child{ margin-top:0px; } .cul01 .tex ul li .a01{ width:calc(100% - 105px); display: flex; justify-content: space-between; flex-wrap: wrap; } .cul01 .tex ul li .a01 .tp{ width:24px; } .cul01 .tex ul li .a01 .tp img{ max-width:100%; } .cul01 .tex ul li .a01 .subtex{ width:calc(100% - 34px); } .cul01 .tex ul li .a01 .subtex dl dt{ display:flex; justify-content: space-between; align-items: center; } .cul01 .tex ul li .a01 .subtex dl dt b{ font-size:18px; line-height:24px; color:#333; width:75px; } .cul01 .tex ul li .a01 .subtex dl dt i{ width:calc(100% - 90px); height:1px; background-color:#CCC; } .cul01 .tex ul li .a01 .subtex dl dd{ margin-top:20px; font-size:14px; line-height:20px; color:#999; } .cul01 .tex ul li .a02{ width:76px; font-size:14px; line-height:20px; color:#999; text-align:right; } .zs{ width:100%; float:left; margin-top:80px; } .zs ul li{ width:328px; height:440px; background-color:#FFF; text-align:center; margin-right:20px; float:left; } .zs ul li span{ height:100%; display:inline-block; vertical-align:middle; } .zs ul li img{ max-width:100%; max-height:100%; vertical-align:middle; } .fw{ width:100%; float:left; margin-top:60px; margin-bottom:60px; } .fw ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .fw ul li{ width:calc(33.33% - 24px); margin-top:40px; } .fw ul li dl dt{ font-size:14px; line-height:20px; color:#333; } .fw ul li dl dd{ margin-top:10px; } .fw ul li:nth-child(4){ width:100%; } .fw ul li:last-child{ margin-top:80px; display: flex; justify-content: center; width:100%; } .fwbk{ width:100%; line-height:54px; border: 2px solid #CCCCCC; padding-left:18px; font-family:'寰蒋闆呴粦'; color:#ccc; outline:none; } .fwanniu{ width: 330px; height: 50px; background: #1C448A; line-height:50px; text-align:center; font-size:14px; border:0px; cursor:pointer; color:#FFF; } .cpys{ width:100%; float:left; display: flex; justify-content: space-between; flex-wrap: wrap; background-color:#F7F8F9; } .cpys .pic{ width:50%; } .cpys .pic img{ width:100%; height:auto; display:block; min-height:100%; } .cpys .tex{ width:50%; padding-left:4.9vw; } .cpys .tex .tex01{ width:100%; float:left; margin-top:50px; padding-bottom:100px; } .cpys .tex .tex01 ul li{ width:100%; float:left; display: flex; align-items: center; margin-top:53px; } .cpys .tex .tex01 ul li .xpic{ width:32px; } .cpys .tex .tex01 ul li .xpic img{ max-width:100%; } .cpys .tex .tex01 ul li .sx{ width: 1px; height: 50px; background: #CCCCCC; margin-left:20px; margin-right:20px; } .cpys .tex .tex01 ul li dl dt{ font-size:18px; line-height:24px; color:#1A1A1A; } .cpys .tex .tex01 ul li dl dd{ font-size:18px; line-height:24px; color:#1A1A1A; font-weight:bold; } .zp{ width: 100%; float: left; margin-top: 100px; margin-bottom: 60px; } .subNavBox4{ width:100%; float:left; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1000); background-color:#FFF; } .subNavBox4 h1{ HEIGHT:75px; line-height: 75px; display: flex; font-size:18px; background-color: #1C448A; font-weight: normal; color: #FFFFFF; justify-content: space-between; } .subNavBox4 h1 i{ width: 16.66%; text-align:center; } .subNav4{ width:100%; float:left; HEIGHT:75px; display: flex; justify-content: space-between; CURSOR: pointer; text-align:left; border-bottom:1px solid #e0e0e0; background-color: #ffffff; line-height:75px; font-size:16px; } .subNav4 i{ width: 16.66%; text-align:center; } .subNav4:hover{float:left; } .currentDd4{background: #fff;} .currentDd4 i{ color: #1C448A; } .navContent4{ display: none; float:left; width:100%; padding:60px; line-height:30px; font-size:16px; background-color: #F7F8F9; } .navContent4 .btitle{ display:flex; align-items: center; margin-bottom:40px; } .navContent4 .btitle i{ width:3px; height:24px; background-color:#1C448A; margin-right:20px; } .navContent4 .touti{ display: flex; justify-content: center; margin-top:100px; } .navContent4 .touti a{ width: 160px; height: 44px; border:1px solid #1C448A; line-height:44px; text-align:center; color:#1C448A; } .fy{ width:100%; float:left; margin-top:80px; margin-bottom:50px; } .fy ul{ display: flex; justify-content: center; flex-wrap: wrap; } .fy ul li{ margin-left:4px; margin-right:4px; } .fy ul li a{ padding:10px 15px; background-color:#F7F8F8; font-size:14px; color:#999; } .fy ul li a:hover{ background-color:#1C448A; color:#fff; } .fy ul li .cur{ background-color:#1C448A; color:#fff; } .newwrap{ width:100%; float:left; background-color:#F7F8F9; padding:100px 0; } .newshow{ width:100%; float:left; padding:60px 140px; background: #FFFFFF; border-radius: 18px; } .newtitle{ width:100%; float:left; font-size:32px; line-height:42px; color:#333; } .newdate{ width:100%; float:left; margin-top:40px; font-size:14px; line-height:20px; color:#999; } .newtex{ width:100%; float:left; font-size:14px; line-height:28px; margin-top:40px; color:#666; } .newtex img{ max-width:100%; height:auto; } .newtex ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:60px; } .newtex ul li{ width:calc(50% - 20px); } .newnext{ width:100%; float:left; margin-top:100px; border-top:1px solid #DEDEDE; padding-top:40px; display: flex; justify-content: space-between; flex-wrap: wrap; font-size:14px; line-height:30px; align-items: center; } .newnext .fh{ width: 120px; height: 36px; background: #1C448A; border-radius: 3px 3px 3px 3px; text-align:center; line-height:36px; font-size:12px; color:#FFF; } .lxwm{ width:100%; float:left; margin-top:100px; display: flex; justify-content: space-between; flex-wrap: wrap; } .lxwm-l{ width:45%; font-size:14px; line-height:30px; color:#999; } .lxwm-l h1{ font-size:24px; line-height:35px; color:#000; } .lxwm-l h2{ margin-top:62px; font-size:18px; line-height:24px; color:#000; margin-bottom:20px; } .lxwm-r{ width:45%; float:left; } .lxwm-r ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .lxwm-r ul li{ width:100%; margin-top:28px; } .lxwm-r ul li dl dt{ font-size:14px; line-height:20px; color:#333; } .lxwm-r ul li dl dd{ margin-top:10px; } .lxwm-r ul li:last-child{ margin-top:60px; display: flex; } .lxwm-r ul li:first-child{ margin-top:0px; } .map{ width:100%; float:left; margin-top:100px; } .map img{ max-width:100%; height:auto; } .pro{ width:100%; float:left; margin-top:40px; margin-bottom:60px; } .pro ul{ display: flex; flex-wrap: wrap; } .pro ul li{ width:calc(25.7% - 40px); border: 1px solid #DEDEDE; margin-right:40px; padding-bottom:24px; transition: all 0.6s; margin-top:60px; } .pro ul li:hover{ border: 1px solid #1C448A; } .pro ul li .pic{ overflow:hidden; } .pro ul li .pic img{ width:100%; height:auto; transition: all 0.6s; } .pro ul li:hover .pic img{ transform: scale(1.05); } .pro ul li dl dt{ font-size:22px; line-height:29px; color:#333; text-align:center; } .pro ul li dl dd{ font-size:18px; line-height:24px; margin-top:20px; color:#999; text-align:center; } .pro ul li p{ margin-top:25px; text-align:center; color:#1C448A; opacity:0; transition: all 0.6s; } .pro ul li:hover p{ opacity:1; } .pro ul li:nth-child(4n){ margin-right:0px; } .fhlist{ width:100%; float:left; display: flex; justify-content:center; flex-wrap: wrap; margin-top:80px; } .fhlist a{ width: 120px; height: 36px; background: #1C448A; border-radius: 3px 3px 3px 3px; line-height:36px; text-align:center; font-size:12px; color:#ffffff; } .proshow{ width:100%; float:left; margin-top:100px; } .proshow ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .proshow ul li{ width:calc(50% - 40px); border:1px solid #DEDEDE; } .proshow ul li img{ width:100%; height:auto; display:block; } .cpwrap{ width:100%; float:left; background-color:#f4f4f4; } .cpshow{ width:100%; float:left; margin-top:100px; display: flex; justify-content: space-between; flex-wrap: wrap; } .cpshow-l{ width:20%; background: #fff; border-radius: 10px; padding:40px 0; } .subNavBox2{ width:100%; float:left; } .subNav2{ width:100%; float:left; HEIGHT:60px; display: flex; justify-content: space-between; CURSOR: pointer; text-align:left; line-height:60px; font-size:16px; padding-left:40px; padding-right:45px; font-weight:bold; align-items: center; } .subNav2 a{ border-bottom:1px solid #b3b3b3; HEIGHT:60px; line-height:60px; } .subNav2 i{ width:13px; height:12px; background-image:url(../img/xjt.jpg); background-position:center; background-repeat:no-repeat; opacity:0 } .subNav2:hover{float:left; } .currentDd2{background: #1c448a; color:#FFF;} .currentDd2 i{ opacity:1; } .currentDd2 a{color:#FFF;} .navContent2{ display: none; float:left; width:100%; padding-left:40px; padding-right:0px; line-height:50px; font-size:15px; } .navContent2 .cur{ color:#1c448a} .cpshow-r{ width:75%; background: #fff; border-radius: 10px; padding:40px 45px; } .cpshow-r01{ width:100%; float:left; display: flex; justify-content: space-between; flex-wrap: wrap; } .cpshow-r01 .tex{ width:calc(100% - 440px); font-size:14px; line-height:28px; color:#666; } .cpshow-r01 .tex h1{ font-size:18px; color:#333; padding-bottom:20px; border-bottom:1px solid #b3b3b3; margin-bottom:30px; } .cpshow-r01 .pic{ width:400px; } .cpshow-r02{ width:100%; float:left; margin-top:60px; font-size:14px; color:#666; line-height:26px; } .cpshow-r02 h1{ font-size:16px; line-height:45px; border-bottom:1px solid #CCCCCC; margin-bottom:20px;} .cpshow-r02 img{ max-width:100%; } .newlist{ width:100%; float:left; margin-top:40px; } .newlist ul li{ width:100%; float:left; padding-bottom:40px; border-bottom:1px solid rgba(0,0,0,0.1); margin-top:40px; display: flex; justify-content: space-between; } .newlist ul li .pic{ min-width:29.6%; overflow:hidden; margin-right:60px; max-width:29.6%; } .newlist ul li .pic img{ width:100%; height:auto; display:block; transition: all 0.6s; } .newlist ul li:hover .pic img{ transform: scale(1.05); } .newlist ul li .tex{ width:70%; } .newlist ul li .tex dl dt{ font-size:16px; line-height:24px; font-family: Source; font-weight:bold; } .newlist ul li .tex dl dd{ margin-top:20px; font-size:14px; color:#666; line-height:25px; } .newlist ul li .tex .more{ display:flex; margin-top:40px; font-size:14px; } .newlist ul li .tex .more a{ width: 150px; height: 36px; text-align:center; line-height:36px; background-color:#f2f2f2; color:#00000; } .newlist ul li .tex .more a:hover{ background-color: #1C448A; color:#fff; } .newlist ul li .date{ min-width:60px; margin-right:60px; margin-left:110px; text-align:center; } .newlist ul li .date dl dt{ font-size:48px; font-family: anton; line-height:60px; } .newlist ul li .date dl dd{ font-size:14px; line-height:18px; color:#666; font-family:Arial, Helvetica, sans-serif; } .newleft{ width:80%; float:left;} .newright{ width:18%; float:right; background-color:#FFFFFF; padding:70px 0px;} .newright h1{ font-size:20px; line-height:36px; margin-bottom:10px;} .newright ul li{ width:100%; float:left; font-size:14px; line-height:26px; margin-top:20px; background-image:url(../img/yuan.jpg); background-position: left top 10px; background-repeat:no-repeat; padding-left:20px; } .mart100{ margin-top:0px; } .mart120{ margin-top:120px; } .mart140{ margin-top:140px; } .mart0{ margin-top:0px; } .pc{ display: block; } .moblie{ display: none; } .header2{ display: none; } .pos{ position:fixed; z-index:999;} .marr0{ margin-top:0px;} } @media (max-width:999px) { .pc{ display: none; } .moblie{ width: 100%; float: left; margin-top: 1.0rem; } .header{ display: none; } .header2{ width:100%; float:left; height:4rem; line-height:4rem; background-color: #1C448A ; position: fixed; top: 0; left: 0; z-index: 999999; box-shadow: 0px 4px 23px 0px rgba(0,0,0,0.10); } .logo{ width:100%; float:left; height:4rem; text-align:center; } .logo span{ height:100%; display:inline-block; vertical-align:middle; } .logo img{ max-width:70%; max-height:3rem; vertical-align:middle; margin-left:5%; } .nav2{ width:60%; float:right; line-height:110px; height:110px; text-align:right; } .nav2 a{ width: auto; font-size:16px; margin-right:5%; } .nav-bar2 { width:4rem; height:4rem; position:absolute; z-index:11; left:0%; top:0; text-align:center; } .nav-bar2 img{ max-width:40%; max-height:1.5rem; vertical-align:middle; } .nav-bar2 span{ display:inline-block; height:100%; vertical-align:middle; } .nav-bg { width:0px; height: auto; overflow:hidden; position: absolute; right:0px; top:0; z-index:998; } .v_close { display:block; position: absolute; top: 3%; left:5%; z-index:102; width: 15px; height: 15px; background:url(../img/close2.png) no-repeat; background-size:100% 100%; display:none; } .nav { margin:0 0 0 0; } .subNavBox3{ width:65%; float:right; background:#fff; padding-bottom:4rem; } .subNavBox3 h1{ text-align:center; height:5rem; background:#1C448A; } .subNavBox3 h1 span{ height:100%; display:inline-block; vertical-align:middle; } .subNavBox3 h1 img{ max-width:80%; max-height:3rem; vertical-align:middle; } .subNav3{ width:95%; float:left; HEIGHT:3.0rem; DISPLAY: block; CURSOR: pointer; padding-left:5%; text-align:left; border-bottom:1px solid #e0e0e0; line-height:3.0rem; font-size:1.0rem; font-weight: bold; } .subNav3 i{ padding:0.3rem; background:url(../img/jt01.png) no-repeat center / contain; margin-right:1rem; float:right; margin-top:1.2rem; } .subNav3:hover{float:left; } .currentDd3{background: #0997BB; color: #FFFFFF;} .currentDd3 a{ color: #FFFFFF; } .currentDd3 i{ background:url(../img/jt001.png) no-repeat center / contain; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -o-transition:all .25s ease 0s; transition:all .25s ease 0s; } .navContent3{ display: none; float:left; width:90%; padding:0.5rem 5% 1rem 5%; line-height:2.0rem; font-size:0.8rem; padding-bottom:0px; } .navContent3 h2{ font-size: 0.8rem; line-height: 2.0rem; } .main{ width:90%; float:left; margin-left:5%; margin-right:5%; } .intitle{ width:100%; float:left; margin-top:2.0rem; } .intitle dl dt{ height:3.0rem; position:relative; font-size:1.5rem; text-align:center; color:rgba(238,238,238,1); text-transform:uppercase; } .intitle dl dt i{ width:100%; position:absolute; top:1.0rem; left:0; text-align:center; font-size:1.2rem; color:#333; line-height:2.0rem; } .intitle dl dd{ margin-top:1.0rem; color:#999; font-size:0.8rem; line-height:1.5rem; text-align:center; } .xqiu{ width:100%; float:left; margin-top:1.0rem; } .xqiu ul{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .xqiu ul li{ width:100%; padding:2.0rem; background: #FFFFFF; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1000); margin-top:1.0rem; } .xqiu ul li h1{ font-size:1.2rem; line-height:1.5rem; color:#1C448A; font-weight:normal; text-align:center; } .xqiu ul li h2{ margin-top:0.5rem; font-size:0.8rem; line-height:1.5rem; color:#999; text-align:center; font-weight:normal; } .xqiu ul li .pic{ overflow:hidden; margin-top:1.0rem; } .xqiu ul li .pic img{ width:100%; height:auto; display:block; transition: all 0.6s; } .xqiu ul li:hover .pic img{ transform: scale(1.05); } .xqiu ul li .tex{ margin-top:1.0rem; display: flex; justify-content: space-between; } .xqiu ul li .tex .subpic{ width:2.0rem; } .xqiu ul li .tex .subpic img{ max-width:2.0rem; } .xqiu ul li .tex .subtex{ width:calc(100% - 2.5rem); font-size:0.8rem; line-height:1.5rem; color:#999; } .xqiu ul li .tex .subtex p{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .xqiu ul li .tex .subtex h3{ margin-bottom:0.5rem; font-size:0.8rem; color:#000; font-weight:normal; } .xqiu ul li .more{ margin-top:2.0rem; text-align:center; font-size:0.8rem; text-transform:uppercase; } .inabout{ width:100%; float:left; margin-top:3.0rem; padding-bottom:3.0rem; padding-top:3.0rem; background-image:url(../img/ab01.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; } .inabout01{ width:100%; float:left; display:flex; justify-content: space-between; flex-wrap: wrap; } .inabout01 .tex{ width:100%; font-size:0.8rem; line-height:1.5rem; color:#FFF; } .inabout01 .tex h1{ font-size:1.2rem; line-height:2.0rem; font-weight:normal; margin-bottom:1.0rem; } .inabout01 .tex .more{ margin-top:2.0rem; display:flex; } .inabout01 .tex .more a{ width: 8.0rem; height: 2.0rem; line-height:2.0rem; text-align:center; border: 1px solid #FFFFFF; font-size:0.8rem; color:#FFF; } .inabout01 .pic{ width:100%; margin-top:2.0rem; } .inabout01 .pic .pic01{ width:100%; float:left; position:relative; } .inabout01 .pic .pic01 .a01 img{ width:100%; height:auto; display:block; } .inabout01 .pic .pic01 .a02{ width:100%; position:absolute; height:100%; z-index:1; left:0; top:0; display: flex; justify-content: center; align-items: center; } .inabout01 .pic .pic01 .a02 img{ max-width:30%; } .num{ width:100%; float:left; margin-top:3.0rem; } .num ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .num ul li{ width:auto; margin-top:2.0rem; } .num ul li dl dt{ font-size:1.5rem; height:2.5rem; position:relative; line-height:2.5rem; font-weight:bold; text-transform:uppercase; color:rgba(255,255,255,0.1); text-align:center; } .num ul li dl dt i{ width:100%; position:absolute; bottom:0.2rem; left:0; z-index:11; font-size:2.0rem; line-height:3.0rem; color:#FFF; text-align:center; font-weight:normal; font-family: anton; } .num ul li dl dt span{ font-size:14px; color:#FFFFFF; line-height:100%; position:absolute; top:-20px; right:0px; } .num ul li dl dd{ margin-top:0.5rem; font-size:0.8rem; line-height:1.5rem; color:#FFF; text-align:center; } .intite2{ width:100%; float:left; margin-top:3.0rem; } .intite2 dl dt{ font-size:1.5rem; color:#1A1A1A; font-weight:bold; text-transform:uppercase; line-height:2.0rem; } .intite2 dl dd{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .intite2 dl dd .wz{ display: flex; align-items: center; font-size:1.2rem; color:#1A1A1A; } .intite2 dl dd .wz i{ width: 2.0rem; height: 0.1rem; background: #1C448A; margin-left:1.0rem; } .intite2 dl dd a{ width:8.0rem; height:2.0rem; background-image:url(../img/more.png); background-position:center; background-repeat:no-repeat; background-size:contain; } .intite2 dl dd a:hover{ background-image:url(../img/more2.png); background-position:center; background-repeat:no-repeat; background-size:contain; } .innew{ width:100%; float:left; margin-top:1.0rem; } .innew ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .innew ul li{ width:100%; margin-top:2.0rem; float:left; } .innew ul li a{ width:100%; float:left; display: flex; justify-content: space-between; } .innew ul li .pic{ overflow:hidden; width:30%; } .innew ul li .pic img{ width:100%; height:auto; display:block; transition: all 0.6s; } .innew ul li:hover .pic img{ transform: scale(1.05); } .innew ul li dl{ width:65%; } .innew ul li dl dt{ display: flex; font-size:0.8rem; line-height:1.5rem; color:#666; align-items: center; } .innew ul li dl dt i{ margin-right:0.5rem; width: 1.0rem; height: 0.1rem; background: #666666; } .innew ul li dl dd{ margin-top:0.5rem; font-size:1.0rem; line-height:1.5rem; font-weight:bold; padding-left:1.5rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .wrap{ width:100%; float:left; margin-top:3.0rem; background-color:#FAFAFC; padding-bottom:3.0rem; } .intitle3{ width:100%; float:left; margin-top:3.0rem; } .intitle3 dl dt{ font-size:1.2rem; line-height:2.0rem; color:#333; text-transform:uppercase; font-weight:bold; text-align:center; } .intitle3 dl dd{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size:1.0rem; line-height:1.5rem; color:#000; } .intitle3 dl dd i{ width: 1.0rem; height: 0.1rem; background: #1C448A; margin-left:0.2rem; margin-right:0.2rem; } .intitle3 p{ margin-top:1.0rem; font-size:0.8rem; line-height:1.5rem; color:#999; text-align:center; } .hz{ width:100%; float:left; margin-top:2.0rem; } .hz ul li{ width:6.0rem; margin-right:0.5rem; margin-top:0.5rem; float:left; } .hz ul li img{ max-width:100%; } #picgd { overflow:hidden; width: 100%; } #picgd img { } #inpicgd { float: left; width: 1800%; } #picgd1 { float: left; } #picgd2 { float: left; } #rrgd { overflow:hidden; width: 100%; } #rrgd img { } #inrrgd { float: left; width: 1800%; } #rrgd1 { float: left; } #rrgd2 { float: left; } #tpgd { overflow:hidden; width: 100%; } #tpgd img { } #intpgd { float: left; width: 1800%; } #tpgd1 { float: left; } #tpgd2 { float: left; } .foot{ width:100%; float:left; background-color:#1C448A; padding-top:1.0rem; } .xlogo{ width:100%; float:left; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom:2.0rem; border-bottom:1px solid rgba(255,255,255,0.1) } .xlogo img{ max-height:2.0rem; } .xlogo a{ width: 8.0rem; height: 2.0rem; border-radius: 1.0rem; border: 1px solid rgba(255,255,255,0.5); line-height:2.0rem; text-align:center; color:#FFF; font-size:0.8rem; } .foot01{ width:100%; float:left; margin-top:1.0rem; display: flex; flex-wrap: wrap; justify-content: space-between; } .foot01 ul{ display: flex; width:100%; flex-wrap: wrap; } .foot01 ul:nth-child(2){ width:100%; justify-content: center; margin-top:2.0rem } .foot01 ul:nth-child(2) li dl dt{ padding:0.5rem; border: 1px solid rgba(255,255,255,0.25); } .foot01 ul:nth-child(2) li dl dt img{ max-width:100%; } .foot01 ul:nth-child(2) li dl dd{ text-align:center; } .foot01 ul:nth-child(2) li{ max-width:40%; margin-left:0.5rem; margin-right:0.5rem; } .foot01 ul li{ width:33.33%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:1.0rem; } .foot01 ul li dl dt{ font-size:1.0rem; line-height:1.5rem; color:#FFF; } .foot01 ul li dl dd{ font-size:0.8rem; line-height:1.5rem; margin-top:1.0rem; color:rgba(255,255,255,0.5); } .foot01 ul li dl dd a{ color:rgba(255,255,255,0.5); } .foot01 ul li dl dd a:hover{ text-decoration:underline; color:rgba(255,255,255,1); } .foot02{ width:100%; float:left; margin-top:3.0rem; display: flex; flex-wrap: wrap; justify-content: space-between; color:rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.1); padding:1.0rem 0; font-size:0.8rem; line-height:1.5rem; } .foot02 a{ color:rgba(255,255,255,0.5); } .nybanner{ width:100%; float:left; position:relative; margin-top:4.0rem; } .nybanner img{ width:100%; height:auto; display:block; } .nybanner .tex{ width:100%; position:absolute; left:0; top:0; z-index:11; height:100%; display: flex; flex-wrap: wrap; align-items: center; padding:0px 5%; } .nybanner .tex dl dt{ font-size:1.2rem; line-height:2.0rem; color:#FFF; } .nybanner .tex dl dd{ font-size:0.8rem; line-height:1.5rem; color:#FFF; margin-top:0.7rem; text-transform:uppercase; } .nyabout{ width:100%; float:left; display:flex; justify-content: space-between; flex-wrap: wrap; margin-top:3.0rem; } .nyabout .tex{ width:100%; font-size:0.8rem; line-height:1.5rem; margin-top:2.0rem; } .nyabout .tex h1{ font-size:1.2rem; line-height:2.0rem; font-weight:normal; margin-bottom:1.0rem; } .nyabout .tex .more{ margin-top:2.0rem; display:flex; } .nyabout .tex .more a{ width: 8.0rem; height: 2.5rem; border: 1px solid rgba(153,153,153,0.5); display:flex; justify-content: space-between; align-items: center; color:#999; margin-right:0.2rem; } .nyabout .tex .more a i{ width:6px; height:10px; background-image:url(../img/dbx01a.png); background-position:center; background-repeat:no-repeat; margin-left:0.5rem; } .nyabout .tex .more a em{ width:6px; height:10px; background-image:url(../img/dbx02a.png); background-position:center; background-repeat:no-repeat; margin-right:0.5rem; } .nyabout .tex .more a:hover{ border: 1px solid #1C448A; color:#1C448A; } .nyabout .tex .more a:hover i{ background-image:url(../img/dbx01.png); background-position:center; background-repeat:no-repeat; } .nyabout .tex .more a:hover em{ background-image:url(../img/dbx02.png); background-position:center; background-repeat:no-repeat; } .nyabout .pic{ width:100%; } .nyabout .pic .pic01{ width:100%; float:left; position:relative; } .nyabout .pic .pic01 .a01 img{ width:100%; height:auto; display:block; } .nyabout .pic .pic01 .a02{ width:100%; position:absolute; height:100%; z-index:1; left:0; top:0; display: flex; justify-content: center; align-items: center; } .nyabout .pic .pic01 .a02 img{ max-width:30%; } .nynum{ width:100%; float:left; margin-top:3.0rem; } .nynum ul{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .nynum ul li{ width:auto; margin-top:1.0rem; } .nynum ul li dl dt{ font-size:1.5rem; height:2.5rem; position:relative; line-height:2.5rem; font-weight:bold; text-transform:uppercase; color:rgba(28,68,138,0.1); text-align:center; } .nynum ul li dl dt i{ width:100%; position:absolute; bottom:0.5rem; left:0; z-index:11; font-size:2.0rem; line-height:3.0rem; color:#1C448A ; text-align:center; font-weight:normal; font-family: anton; } .nynum ul li dl dt span{ font-size:14px; color:#1C448A; line-height:100%; position:absolute; top:-20px; } .nynum ul li dl dd{ margin-top:0.2rem; font-size:0.8rem; line-height:1.5rem; color:#333333; text-align:center; } .cul{ width:100%; float:left; margin-top:3.0rem; padding-bottom:3.0rem; background-image:url(../img/whbj.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; } .cul01{ width:100%; float:left; margin-top:3.0rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .cul01 .pic{ width:100%; } .cul01 .pic img{ max-width:100%; height:auto; } .cul01 .tex{ width:100%; margin-top:2.0rem; } .cul01 .tex ul li{ width:100%; float:left; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:1.0rem; } .cul01 .tex ul li:first-child{ margin-top:0px; } .cul01 .tex ul li .a01{ width:calc(100% - 5.0rem); display: flex; justify-content: space-between; flex-wrap: wrap; } .cul01 .tex ul li .a01 .tp{ width:1.5rem; } .cul01 .tex ul li .a01 .tp img{ max-width:100%; } .cul01 .tex ul li .a01 .subtex{ width:calc(100% - 1.5rem); } .cul01 .tex ul li .a01 .subtex dl dt{ display:flex; justify-content: space-between; align-items: center; } .cul01 .tex ul li .a01 .subtex dl dt b{ font-size:0.8rem; line-height:1.5rem; color:#333; width:4.0rem; } .cul01 .tex ul li .a01 .subtex dl dt i{ width:calc(100% - 5.0rem); height:1px; background-color:#CCC; } .cul01 .tex ul li .a01 .subtex dl dd{ margin-top:0.5rem; font-size:0.8rem; line-height:1.5rem; color:#999; } .cul01 .tex ul li .a02{ width:4.0rem; font-size:0.8rem; line-height:1.5rem; color:#999; text-align:right; } .zs{ width:100%; float:left; margin-top:2.0rem; } .zs ul li{ width:8.0rem; height:12rem; background-color:#FFF; text-align:center; margin-right:0.5rem; float:left; } .zs ul li span{ height:100%; display:inline-block; vertical-align:middle; } .zs ul li img{ max-width:100%; max-height:100%; vertical-align:middle; } .fw{ width:100%; float:left; margin-top:2.0rem; } .fw ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .fw ul li{ width:100%; margin-top:1.0rem; } .fw ul li dl dt{ font-size:0.8rem; line-height:1.5rem; color:#333; } .fw ul li dl dd{ margin-top:0.5rem; } .fw ul li:nth-child(4){ width:100%; } .fw ul li:last-child{ margin-top:2.0rem; display: flex; justify-content: center; width:100%; } .fwbk{ width:100%; line-height:2.5rem; border: 2px solid #CCCCCC; padding-left:0.5rem; font-family:'寰蒋闆呴粦'; color:#ccc; outline:none; } .fwanniu{ width: 8.0rem; height: 2.5rem; background: #1C448A; line-height:2.5rem; text-align:center; font-size:0.8rem; border:0px; cursor:pointer; color:#FFF; } .cpys{ width:100%; float:left; display: flex; justify-content: space-between; flex-wrap: wrap; background-color:#F7F8F9; } .cpys .pic{ width:100%; } .cpys .pic img{ width:100%; height:auto; display:block; } .cpys .tex{ width:100%; padding:2.0rem; } .cpys .tex .tex01{ width:100%; float:left; margin-top:2.0rem; padding-bottom:3.0rem; } .cpys .tex .tex01 ul li{ width:100%; float:left; display: flex; align-items: center; margin-top:2.0rem; } .cpys .tex .tex01 ul li .xpic{ width:1.5rem; } .cpys .tex .tex01 ul li .xpic img{ max-width:100%; } .cpys .tex .tex01 ul li .sx{ width: 1px; height: 2.0rem; background: #CCCCCC; margin-left:1.0rem; margin-right:1.0rem; } .cpys .tex .tex01 ul li dl dt{ font-size:1.0rem; line-height:1.5rem; color:#1A1A1A; } .cpys .tex .tex01 ul li dl dd{ font-size:1.0rem; line-height:1.5rem; color:#1A1A1A; font-weight:bold; } .zp{ width: 100%; float: left; margin-top: 3.0rem; } .subNavBox4{ width:100%; float:left; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1000); background-color:#FFF; } .subNavBox4 h1{ HEIGHT:2.5rem; line-height: 2.5rem; display: flex; font-size:0.8rem; background-color: #1C448A; font-weight: normal; color: #FFFFFF; justify-content: space-between; padding:0px 1rem; } .subNavBox4 h1 i{ width: auto; text-align:center; display:none; } .subNavBox4 h1 i:first-child{ display:block; } .subNavBox4 h1 i:last-child{ display:block; } .subNav4{ width:100%; float:left; HEIGHT:2.5rem; display: flex; justify-content: space-between; CURSOR: pointer; text-align:left; border-bottom:1px solid #e0e0e0; background-color: #ffffff; line-height:2.5rem; font-size:0.8rem; padding:0px 1rem; } .subNav4 i{ width: auto; text-align:center; display:none; } .subNav4 i:first-child{ display:block; } .subNav4 i:last-child{ display:block; } .subNav4:hover{float:left; } .currentDd4{background: #fff;} .currentDd4 i{ color: #1C448A; } .navContent4{ display: none; float:left; width:100%; padding:2.0rem; line-height:1.5rem; font-size:0.8rem; background-color: #F7F8F9; } .navContent4 .btitle{ display:flex; align-items: center; margin-bottom:1.0rem; } .navContent4 .btitle i{ width:3px; height:1.0rem; background-color:#1C448A; margin-right:0.5rem; } .navContent4 .touti{ display: flex; justify-content: center; margin-top:3.0rem; } .navContent4 .touti a{ width: 8.0rem; height: 2.0rem; border:1px solid #1C448A; line-height:2.0rem; text-align:center; color:#1C448A; } .fy{ width:100%; float:left; margin-top:3.0rem; margin-bottom:2.0rem; } .fy ul{ display: flex; justify-content: center; flex-wrap: wrap; } .fy ul li{ margin-left:0.2rem; margin-right:0.2rem; margin-top:0.5rem; } .fy ul li a{ padding:0.4rem 0.6rem; background-color:#F7F8F8; font-size:0.8rem; color:#999; } .fy ul li a:hover{ background-color:#1C448A; color:#fff; } .fy ul li .cur{ background-color:#1C448A; color:#fff; } .newwrap{ width:100%; float:left; background-color:#F7F8F9; padding:3.0rem 0; } .newshow{ width:100%; float:left; padding:2.0rem; background: #FFFFFF; border-radius: 18px; } .newtitle{ width:100%; float:left; font-size:1.2rem; line-height:2.0rem; color:#333; } .newdate{ width:100%; float:left; margin-top:1.0rem; font-size:0.8rem; line-height:1.5rem; color:#999; } .newtex{ width:100%; float:left; font-size:0.8rem; line-height:1.5rem; margin-top:1.0rem; color:#666; } .newtex img{ max-width:100%; height:auto; } .newtex ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:2.0rem; } .newtex ul li{ width:calc(50% - 0.5rem); } .newnext{ width:100%; float:left; margin-top:2.0rem; border-top:1px solid #DEDEDE; padding-top:1.0rem; display: flex; justify-content: space-between; flex-wrap: wrap; font-size:0.8rem; line-height:1.5rem; align-items: center; } .newnext .fh{ width: 8.0rem; height: 2.0rem; background: #1C448A; border-radius: 3px 3px 3px 3px; text-align:center; line-height:2.0rem; font-size:0.8rem; color:#FFF; margin-top:1.0rem; } .lxwm{ width:100%; float:left; margin-top:3.0rem; display: flex; justify-content: space-between; flex-wrap: wrap; } .lxwm-l{ width:100%; font-size:0.8rem; line-height:1.5rem; color:#999; } .lxwm-l h1{ font-size:1.2rem; line-height:1.5rem; color:#000; } .lxwm-l h2{ margin-top:2.0rem; font-size:1.0rem; line-height:1.5rem; color:#000; margin-bottom:1.0rem; } .lxwm-r{ width:100%; float:left; margin-top:2.0rem; } .lxwm-r ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .lxwm-r ul li{ width:100%; margin-top:1.0rem; } .lxwm-r ul li dl dt{ font-size:0.8rem; line-height:1.5rem; color:#333; } .lxwm-r ul li dl dd{ margin-top:10px; } .lxwm-r ul li:last-child{ margin-top:2.0rem; display: flex; } .lxwm-r ul li:first-child{ margin-top:0px; } .map{ width:100%; float:left; margin-top:3.0rem; } .map img{ width:100%; height:auto; } .pro{ width:100%; float:left; margin-top:1.0rem; } .pro ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .pro ul li{ width:48%; border: 1px solid #DEDEDE; padding-bottom:1.0rem; transition: all 0.6s; margin-top:1.0rem; } .pro ul li:hover{ border: 1px solid #1C448A; } .pro ul li .pic{ overflow:hidden; } .pro ul li .pic img{ width:100%; height:auto; transition: all 0.6s; } .pro ul li:hover .pic img{ transform: scale(1.05); } .pro ul li dl dt{ font-size:1.0rem; line-height:1.5rem; color:#333; text-align:center; } .pro ul li dl dd{ font-size:0.8rem; line-height:1.5rem; margin-top:0.5rem; color:#999; text-align:center; padding:0px 0.5rem; } .pro ul li p{ margin-top:1.0rem; text-align:center; color:#1C448A; opacity:0; transition: all 0.6s; } .pro ul li:hover p{ opacity:1; } .fhlist{ width:100%; float:left; display: flex; justify-content:center; flex-wrap: wrap; margin-top:2.0rem; } .fhlist a{ width: 8.0rem; height: 2.0rem; background: #1C448A; border-radius: 3px 3px 3px 3px; line-height:2.0rem; text-align:center; font-size:0.8rem; color:#ffffff; } .proshow{ width:100%; float:left; margin-top:3.0rem; } .proshow ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .proshow ul li{ width:48%; border:1px solid #DEDEDE; } .proshow ul li img{ width:100%; height:auto; display:block; } .newlist{ width:100%; float:left; } .newlist ul li{ width:100%; float:left; padding-bottom:1.5rem; border-bottom:1px solid rgba(0,0,0,0.1); margin-top:1.5rem; display: flex; justify-content: space-between; align-items: center; } .newlist ul li .pic{ min-width:29.6%; overflow:hidden; margin-right:1.0rem; max-width:29.6%; } .newlist ul li .pic img{ width:100%; height:auto; display:block; transition: all 0.6s; } .newlist ul li:hover .pic img{ transform: scale(1.05); } .newlist ul li .tex{ width:70%; text-align:left; } .newlist ul li .tex dl dt{ font-size:0.8rem; line-height:1.5rem; font-family: Source; } .newlist ul li .tex dl dd{ margin-top:20px; font-size:14px; color:#666; line-height:25px; display:none } .newlist ul li .tex .more{ display:flex; margin-top:30px; display:none } .newlist ul li .tex .more a{ width: 150px; height: 36px; text-align:center; line-height:36px; background-image:url(../img/lmbj.png); background-position:center; background-size:100% 100%; color:#D48132; } .newlist ul li .tex .more a:hover{ background-image:url(../img/lmbj2.png); background-position:center; background-size:100% 100%; color:#422D2B; } .newlist ul li .date{ min-width:60px; margin-right:60px; margin-left:110px; text-align:center; display:none } .newlist ul li .date dl dt{ font-size:48px; font-family: anton; line-height:60px; } .newlist ul li .date dl dd{ font-size:14px; line-height:18px; color:#666; font-family:Arial, Helvetica, sans-serif; } .cpwrap{ width:100%; float:left; background-color:#f4f4f4; } .cpshow{ width:100%; float:left; margin-top:3.0rem; display: flex; justify-content: space-between; flex-wrap: wrap; } .cpshow-l{ width:100%; background: #fff; border-radius: 10px; padding:1.0rem 0; } .subNavBox2{ width:100%; float:left; } .subNav2{ width:100%; float:left; HEIGHT:2.5rem; display: flex; justify-content: space-between; CURSOR: pointer; text-align:left; line-height:2.5rem; font-size:0.8rem; padding-left:1.0rem; padding-right:1.0rem; font-weight:bold; align-items: center; } .subNav2 a{ border-bottom:1px solid #b3b3b3; HEIGHT:2.5rem; line-height:2.5rem; } .subNav2 i{ width:13px; height:12px; background-image:url(../img/xjt.jpg); background-position:center; background-repeat:no-repeat; opacity:0 } .subNav2:hover{float:left; } .currentDd2{background: #1c448a; color:#FFF;} .currentDd2 i{ opacity:1; } .currentDd2 a{color:#FFF;} .navContent2{ display: none; float:left; width:100%; padding-left:1.0rem; padding-right:1.0rem; line-height:2.0rem; font-size:0.8rem; } .cpshow-r{ width:100%; background: #fff; border-radius: 1.0rem; padding:1.0rem; } .cpshow-r01{ width:100%; float:left; display: flex; justify-content: space-between; flex-wrap: wrap; } .cpshow-r01 .tex{ width:100%; font-size:0.8rem; line-height:1.5rem; color:#666; } .cpshow-r01 .tex h1{ font-size:1.0rem; color:#333; padding-bottom:1.0rem; border-bottom:1px solid #b3b3b3; margin-bottom:1.0rem; } .cpshow-r01 .pic{ width:100%; } .cpshow-r02{ width:100%; float:left; margin-top:2.0rem; font-size:0.8rem; color:#666; line-height:1.5rem; overflow:scroll; } .cpshow-r02 h1{ font-size:16px; line-height:45px; border-bottom:1px solid #CCCCCC; margin-bottom:20px;} .cpshow-r02 img{ max-width:100%; } .mart100{ margin-top:3.0rem; } .mart120{ margin-top:3.0rem; } .mart140{ margin-top:3.0rem; } .mart0{ margin-top:0px; } .marr0{ margin-top:0px;} }