@font-face { font-family: DINCondensedC; src: url(../fonts/DINCondensedC.ttf); } * { font-family: "寰蒋闆呴粦"; } .w1200 { width: 7.5rem /* 1200/192 */; margin: 0 auto; font-family: "寰蒋闆呴粦"; font-weight: 600; } .v_news_content > p { font-size: 16px!important; } .v_news_content > p > img { width: 55%!important; margin:0 auto; } .top > h5 { margin-left: 0.02rem; } .mobile-nav { display: none; position: fixed; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.8); } .mobile-nav ul { position: absolute; width: 100%; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); } .mobile-nav ul li { text-align: center; margin: 20px; font-size: 1px; } .mobile-nav ul li a { color: #fff; font-size: 24px; } .mobile-nav ul .second-navi { display: none; overflow: hidden; margin: -10px; } .mobile-nav ul .second-navi a { padding: 6px; display: block; font-size: 16px; color: white; opacity: 0.8; } .mobile-nav ul .second-show { height: auto; margin: 0; } header { width: 100%; background-image: url(../images/topBG.jpg); background-size: cover; padding-top: 0.083333rem /* 16/192 */; } header .top { display: flex; justify-content: space-between; } header .top p { font-size: 0.072917rem /* 14/192 */; color: #FFFFFF; opacity: 0.6; } header .top .xsmenu { display: none; } header .top ul { display: flex; font-size: 1px; } header .top ul li { padding: 0 0.083333rem /* 16/192 */; border-right: 1px solid rgba(255, 255, 255, 0.178); } header .top ul li a { font-size: 0.072917rem /* 14/192 */; color: #ffffff93; transition: all 0.3s; } header .top ul li a img { height: 0.0625rem /* 12/192 */; width: auto; vertical-align: middle; margin-right: 0.020833rem /* 4/192 */; display: inline; } header .top ul li a:hover { color: white; } header .top ul li:last-of-type { border-right: 0; } header .bottom { display: flex; height: 0.5rem /* 200/192 */; justify-content: space-between; align-items: center; } header .bottom img { width: 3rem /* 486/192 */; } header .bottom form { width: 1.208333rem /* 232/192 */; height: 0.208333rem /* 40/192 */; border: 1px solid #ffffff; border-radius: 0.104167rem /* 20/192 */; line-height: 0.208333rem /* 40/192 */; opacity: 0.5; transition: all 0.3s; overflow: hidden; display: flex; padding-left: 0.104167rem /* 20/192 */; } header .bottom form input[type="text"] { background-color: transparent; border: 0; width: 80%; line-height: 0.208333rem /* 40/192 */; font-size: 0.0625rem /* 12/192 */; color: white; } header .bottom form input[type="text"]::placeholder { color: white; } header .bottom form input[type="submit"] { flex: 1; border: 0; background-color: transparent; background-image: url(../images/searchIcon.png); background-repeat: no-repeat; background-position: center; cursor: pointer; background-size: 0.109375rem /* 21/192 */ 0.104167rem /* 20/192 */; } header .bottom .on { opacity: 1; } .navi { background-color: #063f7b; position: sticky; top: 0px; position: -webkit-sticky; z-index: 9999; border-top: 1px solid #426c98; } .navi .w1200 { display: flex; justify-content: space-between; } .navi .w1200 li { flex: 1; height: 0.260417rem /* 50/192 */; color: white; text-align: center; font-size: 0.09375rem /* 18/192 */; transition: all 0.3s; position: relative; line-height: 0.260417rem /* 50/192 */; cursor: pointer; } .navi .w1200 li a { display: block; width: 100%; height: 0.260417rem /* 50/192 */; line-height: 0.260417rem /* 50/192 */; color: white; font-size: 0.09375rem /* 18/192 */; transition: all 0.3s; } .navi .w1200 li ul { position: absolute; bottom: 0; left: 0; width: 100%; transform: translateY(100%); padding: 0 0.020833rem /* 4/192 */; height: 0; overflow: hidden; background: #e675199c; transition: all 0.3s; font-size: 1px; } .navi .w1200 li ul li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.164); height: auto; } .navi .w1200 li ul li a { height: 0.182292rem /* 35/192 */; line-height: 0.182292rem /* 35/192 */; display: block; width: 100%; font-size: 0.072917rem /* 14/192 */; opacity: 0.9; } .navi .w1200 li:hover { background-color: #E67519; } .navi .w1200 li:hover ul { height: auto; z-index: 9999; } .navi .w1200 li a:hover { background-color: #E67519; } .mySwiper1 .swiper-horizontal > .swiper-pagination-bullets, .mySwiper1 .swiper-pagination-bullets.swiper-pagination-horizontal, .mySwiper1 .swiper-pagination-custom, .mySwiper1 .swiper-pagination-fraction { bottom: -0.320833rem /* 100/192 */; } .mySwiper1 .my-bullet1 { display: inline-block; background: #FFFFFF; opacity: 0.8; width: 0.041667rem /* 8/192 */; height: 0.041667rem /* 8/192 */; border: 1px solid #FFFFFF; border-radius: 50%; margin-right: 0.0625rem /* 12/192 */; font-size: 1px; vertical-align: middle; } .mySwiper1 .my-bullet1-active { border: 1px solid #FFFFFF; border-radius: 50%; width: 0.104167rem /* 20/192 */; height: 0.104167rem /* 20/192 */; position: relative; margin-right: 0.0625rem /* 12/192 */; display: inline-block; line-height: 0.15625rem /* 30/192 */; vertical-align: middle; background-color: transparent; } .mySwiper1 .my-bullet1-active:after { content: ""; display: block; position: absolute; width: 0.052083rem /* 10/192 */; height: 0.052083rem /* 10/192 */; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 50%; } .id-sec1 { display: flex; justify-content: space-between; padding-bottom: 0.15625rem /* 30/192 */; margin-top: 0.166667rem /* 32/192 */; } .id-sec1 .left { width: 5rem /* 810/192 */; } .id-sec1 .left .top { width: 100%; /*background: #0060d61c;*/ padding: 0.078125rem /* 15/192 */ 0; padding-left: 0.057292rem /* 11/192 */; padding-right: 0.09375rem /* 18/192 */; font-size: 1px; margin-bottom: 0.036458rem /* 7/192 */; } .id-sec1 .left .top .icon { display: inline-block; vertical-align: middle; width: 0.114583rem /* 22/192 */; height: 0.109375rem /* 21/192 */; margin-right: 0.046875rem /* 9/192 */; } .id-sec1 .left .top h4 { display: inline-block; vertical-align: middle; font-size: 0.125rem /* 24/192 */; font-weight: bold; color: #063f7b; } .id-sec1 .left .top h5 { font-size: 0.072917rem /* 14/192 */; color: #063f7b; opacity: 0.6; display: inline-block; vertical-align: middle; } .id-sec1 .left .top .more { float: right; margin-top: 0.020833rem /* 4/192 */; } .id-sec1 .left .top .more a { font-size: 0.072917rem /* 14/192 */; color: #00000065; } .id-sec1 .left .top .more a img { width: 0.036458rem /* 7/192 */; height: 0.067708rem /* 13/192 */; margin-left: 0.020833rem /* 4/192 */; display: inline-block; vertical-align: middle; } .id-sec1 .left .bottom { display: flex; min-height:200px; justify-content: space-between; } .id-sec1 .left .bottom .left { display: block; width: 2.45rem /* 410/192 */; height: 240px; position: relative; background-color: #919191; overflow: hidden; } .id-sec1 .left .bottom .left img { height: 100%; min-width: 100%; transition: all 0.5s; } .id-sec1 .left .bottom .left p { position: absolute; left: 0; bottom: 0; padding: 0.0625rem /* 12/192 */ 0.119792rem /* 23/192 */; overflow: hidden; font-size: 0.104167rem /* 20/192 */; background-color: rgba(0, 0, 0, 0.432); color: #FFFFFF; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .id-sec1 .left .bottom .left:hover img { transform: scale(1.05); } .id-sec1 .left .bottom .right { width: 2.45rem /* 380/192 */; /*border: 1px solid #E5E5E5;*/ border-top: 2px solid #063f7b; padding: 0 0.072917rem /* 14/192 */; padding-bottom: 0.083333rem /* 16/192 */; } .id-sec1 .left .bottom .right li { display: flex; justify-content: space-between; align-items: center; padding: 0.083333rem /* 16/192 */ 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.192); } .id-sec1 .left .bottom .right li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.083333rem /* 16/192 */; color: #000000; /*opacity: 0.8;*/ transition: all 0.3s; line-height: 1; } .id-sec1 .left .bottom .right li a:hover { opacity: 1; color: #063f7b; } .id-sec1 .left .bottom .right li p { font-size: 0.0625rem /* 12/192 */; color: #000000; opacity: 0.4; flex: none; line-height: 1; } .id-sec1 .right { width: 2.45rem /* 368/192 */; } .id-sec1 .right .top { width: 100%; /*background: #0060d61c;*/ padding: 0.078125rem /* 15/192 */ 0; padding-left: 0.057292rem /* 11/192 */; padding-right: 0.09375rem /* 18/192 */; font-size: 1px; margin-bottom: 0.036458rem /* 7/192 */; } .id-sec1 .right .top .icon { display: inline-block; vertical-align: middle; width: 0.114583rem /* 22/192 */; height: 0.109375rem /* 21/192 */; margin-right: 0.046875rem /* 9/192 */; } .id-sec1 .right .top h4 { display: inline-block; vertical-align: middle; font-size: 0.125rem /* 24/192 */; font-weight: bold; color: #063f7b; } .id-sec1 .right .top h5 { font-size: 0.072917rem /* 14/192 */; color: #063f7b; opacity: 0.6; display: inline-block; vertical-align: middle; } .id-sec1 .right .top .more { float: right; margin-top: 0.020833rem /* 4/192 */; } .id-sec1 .right .top .more a { font-size: 0.072917rem /* 14/192 */; color: #00000065; } .id-sec1 .right .top .more a img { width: 0.036458rem /* 7/192 */; height: 0.067708rem /* 13/192 */; margin-left: 0.020833rem /* 4/192 */; display: inline-block; vertical-align: middle; } .id-sec1 .right .bottom { /*border: 1px solid #E5E5E5;*/ border-top: 2px solid #063f7b; min-height: 200px; padding: 0 0.072917rem /* 14/192 */; padding-bottom: 0.083333rem /* 16/192 */; } .id-sec1 .right .bottom li { display: flex; justify-content: flex-start; align-items: center; padding: 0.0451rem /* 16/192 */ 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.192); } .id-sec1 .right .bottom li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.083333rem /* 16/192 */; color: #000000; /*opacity: 0.8;*/ transition: all 0.3s; line-height: 1; } .id-sec1 .right .bottom li a:hover { opacity: 1; color: #063f7b; } .id-sec1 .right .bottom li p { font-size: 0.0625rem /* 12/192 */; color: #000000; opacity: 0.4; flex: none; line-height: 1; } .id-sec2 { padding: 0.135417rem /* 26/192 */ 0; } .id-sec2 .w1200 { display: flex; justify-content: space-between; } .id-sec2 .w1200 .left, .id-sec2 .w1200 .right { width: 3.7rem /* 589/192 */; } .id-sec2 .w1200 .left .top, .id-sec2 .w1200 .right .top { width: 100%; padding: 0.078125rem /* 15/192 */ 0; padding-left: 0.057292rem /* 11/192 */; padding-right: 0.09375rem /* 18/192 */; font-size: 1px; margin-bottom: 0.083333rem /* 16/192 */; border-bottom: 2px solid #0060d61c; } .id-sec2 .w1200 .left .top .icon, .id-sec2 .w1200 .right .top .icon { display: inline-block; vertical-align: middle; width: 0.114583rem /* 22/192 */; height: 0.109375rem /* 21/192 */; margin-right: 0.046875rem /* 9/192 */; } .id-sec2 .w1200 .left .top h4, .id-sec2 .w1200 .right .top h4 { display: inline-block; vertical-align: middle; font-size: 0.125rem /* 24/192 */; font-weight: bold; color: #063f7b; } .id-sec2 .w1200 .left .top h5, .id-sec2 .w1200 .right .top h5 { font-size: 0.072917rem /* 14/192 */; color: #063f7b; opacity: 0.6; display: inline-block; vertical-align: middle; } .id-sec2 .w1200 .left .top .more, .id-sec2 .w1200 .right .top .more { float: right; margin-top: 0.020833rem /* 4/192 */; } .id-sec2 .w1200 .left .top .more a, .id-sec2 .w1200 .right .top .more a { font-size: 0.072917rem /* 14/192 */; color: #00000065; } .id-sec2 .w1200 .left .top .more a img, .id-sec2 .w1200 .right .top .more a img { width: 0.036458rem /* 7/192 */; height: 0.067708rem /* 13/192 */; margin-left: 0.020833rem /* 4/192 */; display: inline-block; vertical-align: middle; } .id-sec2 .w1200 .left .bottom, .id-sec2 .w1200 .right .bottom { background-color: rgba(255, 255, 255, 0.596); /*border: 1px solid #E5E5E5;*/ border-top: 2px solid #063f7b; padding: 0 0.072917rem /* 14/192 */; padding-bottom: 0.083333rem /* 16/192 */; } .id-sec2 .w1200 .left .bottom li, .id-sec2 .w1200 .right .bottom li { display: flex; justify-content: space-between; align-items: center; padding: 0.083333rem /* 16/192 */ 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.192); } .id-sec2 .w1200 .left .bottom li a, .id-sec2 .w1200 .right .bottom li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.083333rem /* 16/192 */; color: #000000; /*opacity: 0.8;*/ transition: all 0.3s; line-height: 1; } .id-sec2 .w1200 .left .bottom li a:hover, .id-sec2 .w1200 .right .bottom li a:hover { opacity: 1; color: #063f7b; } .id-sec2 .w1200 .left .bottom li p, .id-sec2 .w1200 .right .bottom li p { font-size: 0.0625rem /* 12/192 */; color: #000000; opacity: 0.4; flex: none; line-height: 1; } .id-sec3 { margin-top: 0.119792rem /* 23/192 */; margin-bottom: 0.104167rem /* 20/192 */; background: #0060d61c; } .id-sec4 { padding: 0.135417rem /* 26/192 */ 0; /*background: #0060d61c;*/ } .id-sec4 .w1200 { display: flex; justify-content: space-between; } .id-sec4 .w1200 .left { width:2.45rem /* 810/192 */; } .id-sec4 .w1200 .left .top { /*background: #0060d61c;*/ width: 100%; padding: 0.078125rem /* 15/192 */ 0; padding-left: 0.057292rem /* 11/192 */; padding-right: 0.09375rem /* 18/192 */; font-size: 1px; margin-bottom: 0.083333rem /* 16/192 */; } .id-sec4 .w1200 .left .top .icon { display: inline-block; vertical-align: middle; width: 0.114583rem /* 22/192 */; height: 0.109375rem /* 21/192 */; margin-right: 0.046875rem /* 9/192 */; } .id-sec4 .w1200 .left .top h4 { display: inline-block; vertical-align: middle; font-size: 0.125rem /* 24/192 */; font-weight: bold; color: #063f7b; } .id-sec4 .w1200 .left .top h5 { font-size: 0.072917rem /* 14/192 */; color: #063f7b; opacity: 0.6; display: inline-block; vertical-align: middle; } .id-sec4 .w1200 .left .top .more { float: right; margin-top: 0.020833rem /* 4/192 */; } .id-sec4 .w1200 .left .top .more a { font-size: 0.072917rem /* 14/192 */; color: #00000065; } .id-sec4 .w1200 .left .top .more a img { width: 0.036458rem /* 7/192 */; height: 0.067708rem /* 13/192 */; margin-left: 0.020833rem /* 4/192 */; display: inline-block; vertical-align: middle; } .id-sec4 .w1200 .left .bottom { background-color: rgba(255, 255, 255, 0.596); /*border: 1px solid #E5E5E5;*/ border-top: 2px solid #063f7b; padding: 0 0.072917rem /* 14/192 */; padding-bottom: 0.083333rem /* 16/192 */; } .id-sec4 .w1200 .left .bottom li { display: flex; justify-content: space-between; align-items: center; padding: 0.083333rem /* 16/192 */ 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.192); } .id-sec4 .w1200 .left .bottom li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.083333rem /* 16/192 */; color: #000000; /*opacity: 0.8;*/ transition: all 0.3s; line-height: 1; } .id-sec4 .w1200 .left .bottom li a:hover { opacity: 1; color: #063f7b; } .id-sec4 .w1200 .left .bottom li p { font-size: 0.0625rem /* 12/192 */; color: #000000; opacity: 0.4; flex: none; line-height: 1; } .id-sec4 .w1200 .center { width:2.45rem /* 810/192 */; } .id-sec4 .w1200 .center .top { /*background: #0060d61c;*/ width: 100%; padding: 0.078125rem /* 15/192 */ 0; padding-left: 0.057292rem /* 11/192 */; padding-right: 0.09375rem /* 18/192 */; font-size: 1px; margin-bottom: 0.083333rem /* 16/192 */; } .id-sec4 .w1200 .center .top .icon { display: inline-block; vertical-align: middle; width: 0.114583rem /* 22/192 */; height: 0.109375rem /* 21/192 */; margin-right: 0.046875rem /* 9/192 */; } .id-sec4 .w1200 .center .top h4 { display: inline-block; vertical-align: middle; font-size: 0.125rem /* 24/192 */; font-weight: bold; color: #063f7b; } .id-sec4 .w1200 .center .top h5 { font-size: 0.072917rem /* 14/192 */; color: #063f7b; opacity: 0.6; display: inline-block; vertical-align: middle; } .id-sec4 .w1200 .center .top .more { float: right; margin-top: 0.020833rem /* 4/192 */; } .id-sec4 .w1200 .left .top .more a { font-size: 0.072917rem /* 14/192 */; color: #00000065; } .id-sec4 .w1200 .center .top .more a img { width: 0.036458rem /* 7/192 */; height: 0.067708rem /* 13/192 */; margin-left: 0.020833rem /* 4/192 */; display: inline-block; vertical-align: middle; } .id-sec4 .w1200 .center .bottom { background-color: rgba(255, 255, 255, 0.596); /*border: 1px solid #E5E5E5;*/ border-top: 2px solid #063f7b; padding: 0 0.072917rem /* 14/192 */; padding-bottom: 0.083333rem /* 16/192 */; } .id-sec4 .w1200 .center .bottom li { display: flex; justify-content: space-between; align-items: center; padding: 0.083333rem /* 16/192 */ 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.192); } .id-sec4 .w1200 .center .bottom li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.083333rem /* 16/192 */; color: #000000; /*opacity: 0.8;*/ transition: all 0.3s; line-height: 1; } .id-sec4 .w1200 .center .bottom li a:hover { opacity: 1; color: #063f7b; } .id-sec4 .w1200 .center .bottom li p { font-size: 0.0625rem /* 12/192 */; color: #000000; opacity: 0.4; flex: none; line-height: 1; } .id-sec4 .w1200 .right { width: 2.45rem /* 368/192 */; } .id-sec4 .w1200 .right .top { width: 100%; padding: 0.078125rem /* 15/192 */ 0; padding-left: 0.057292rem /* 11/192 */; padding-right: 0.09375rem /* 18/192 */; font-size: 1px; margin-bottom: 0.083333rem /* 16/192 */; /*background: #0060d61c;*/ } .id-sec4 .w1200 .right .top .icon { display: inline-block; vertical-align: middle; width: 0.114583rem /* 22/192 */; height: 0.109375rem /* 21/192 */; margin-right: 0.046875rem /* 9/192 */; } .id-sec4 .w1200 .right .top h4 { display: inline-block; vertical-align: middle; font-size: 0.125rem /* 24/192 */; font-weight: bold; color: #063f7b; } .id-sec4 .w1200 .right .top h5 { font-size: 0.072917rem /* 14/192 */; color: #063f7b; opacity: 0.6; display: inline-block; vertical-align: middle; } .id-sec4 .w1200 .right .top .more { float: right; margin-top: 0.020833rem /* 4/192 */; } .id-sec4 .w1200 .right .top .more a { font-size: 0.072917rem /* 14/192 */; color: #00000065; } .id-sec4 .w1200 .right .top .more a img { width: 0.036458rem /* 7/192 */; height: 0.067708rem /* 13/192 */; margin-left: 0.020833rem /* 4/192 */; display: inline-block; vertical-align: middle; } .id-sec4 .w1200 .right .bottom { background-color: rgba(255, 255, 255, 0.596); /*border: 1px solid #E5E5E5;*/ border-top: 2px solid #063f7b; padding: 0 0.072917rem /* 14/192 */; padding-bottom: 0.083333rem /* 16/192 */; } .id-sec4 .w1200 .right .bottom li { display: flex; justify-content: space-between; align-items: center; padding: 0.083333rem /* 16/192 */ 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.192); } .id-sec4 .w1200 .right .bottom li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.083333rem /* 16/192 */; color: #000000; /*opacity: 0.8;*/ transition: all 0.3s; line-height: 1; } .id-sec4 .w1200 .right .bottom li a:hover { opacity: 1; color: #063f7b; } .id-sec4 .w1200 .right .bottom li p { font-size: 0.0625rem /* 12/192 */; color: #000000; opacity: 0.4; flex: none; line-height: 1; } .id-sec4 .w1200 .right .bottom .on a { opacity: 1; color: #063f7b; } .id-sec4 .w1200 .right .bottom .on p { background-image: url(../images/tArrowblue.png); } .id-sec4 .w1200 .right .bottom .detail { display: none; text-align: left; padding-left: 0.078125rem /* 15/192 */; border-bottom: 1px dashed rgba(0, 0, 0, 0.192); padding-bottom: 0.015625rem /* 3/192 */; } .id-sec4 .w1200 .right .bottom .detail h5 { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.083333rem /* 16/192 */; color: #00000094; line-height: 0.151042rem /* 29/192 */; } .id-sec4 .w1200 .right .bottom .detail h5 img { width: auto; display: inline-block; vertical-align: middle; margin-right: 0.052083rem /* 10/192 */; } .id-sec5 { background: #0060d61c; padding: 0.197917rem /* 38/192 */ 0; position: relative; } .id-sec5 .nex, .id-sec5 .pre { position: absolute; width: 0.239583rem /* 46/192 */; height: 0.239583rem /* 46/192 */; border-radius: 50%; border: 1px solid #063f7b; transition: all 0.3s; top: 50%; z-index: 9999; transform: translateY(-50%); cursor: pointer; } .id-sec5 .nex img, .id-sec5 .pre img { width: 0.057292rem /* 11/192 */; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .id-sec5 .nex:hover, .id-sec5 .pre:hover { border: 1px solid transparent; background: #0060d623; } .id-sec5 .nex { right: 0.9em /* 300/192 */; } .id-sec5 .pre { left: 0.9rem /* 300/192 */; } .id-sec5 .w1200 { position: relative; } footer { background-image: url(../images/bottomBG.jpg); background-size: cover; background-position: center; padding-top: 0.395833rem /* 76/192 */; padding-bottom: 0.494792rem /* 95/192 */; } footer .w1200 { display: flex; justify-content: space-between; flex-wrap: wrap; } footer .w1200 .left { margin-right: 0.520833rem /* 100/192 */; } footer .w1200 .left .logo { width: 2.53125rem /* 486/192 */; margin-bottom: 0.260417rem /* 50/192 */; } footer .w1200 .left ul li { font-size: 0.083333rem /* 16/192 */; color: #ffffffb7; margin-bottom: 0.083333rem /* 16/192 */; line-height: 1; } footer .w1200 .left ul li img { width: 0.072917rem /* 14/192 */; margin-right: 0.046875rem /* 9/192 */; vertical-align: middle; display: inline-block; } footer .w1200 .right { color: #ffffffb7; font-size: 0.083333rem /* 16/192 */; line-height: 1; } footer .w1200 .right dt { margin-bottom: 0.145833rem /* 28/192 */; } footer .w1200 .right dd { margin-bottom: 0.078125rem /* 15/192 */; } footer .w1200 .right dd a { color: #ffffffb7; line-height: 1; transition: all 0.3s; } footer .w1200 .right dd a img { width: 0.072917rem /* 14/192 */; margin-right: 0.041667rem /* 8/192 */; vertical-align: middle; display: inline-block; } footer .w1200 .right dd a:hover { color: white; } .pw-sec1 { width: 100%; background-color: #FAFAFA; padding-top: 0.171875rem /* 33/192 */; padding-bottom: 0.270833rem /* 52/192 */; } .pw-sec1 .w1200 .breadcrumb { margin-bottom: 0.083333rem /* 16/192 */; font-size: 0.083333rem /* 16/192 */; color: #6d6d6d; } .pw-sec1 .w1200 .breadcrumb img { width: 0.083333rem /* 16/192 */; vertical-align: middle; margin-right: 0.0625rem /* 12/192 */; display: inline-block; } .pw-sec1 .w1200 .breadcrumb a { font-size: 0.083333rem /* 16/192 */; color: #6d6d6d; transition: all 0.3s; } .pw-sec1 .w1200 .breadcrumb a:hover { color: #063f7b; } .pw-sec1 .w1200 .bottom { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; } .pw-sec1 .w1200 .bottom .left { width: 4.494792rem /* 863/192 */; padding: 0 0.28125rem /* 54/192 */; border-top: 3px solid #063f7b; background-color: #fff; padding-top: 0.15625rem /* 30/192 */; padding-bottom: 0.520833rem /* 100/192 */; } .pw-sec1 .w1200 .bottom .left h1 { text-align: center; font-size: 0.15625rem /* 30/192 */; font-weight: bold; color: #000000; line-height: 0.25rem /* 48/192 */; margin-bottom: 0.208333rem /* 40/192 */; } .pw-sec1 .w1200 .bottom .left .info { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 0.072917rem /* 14/192 */; color: #696969; margin-bottom: 0.21875rem /* 42/192 */; } .pw-sec1 .w1200 .bottom .left .info a { font-size: 0.072917rem /* 14/192 */; color: #696969; } .pw-sec1 .w1200 .bottom .left .info a img { width: 0.072917rem /* 14/192 */; min-width: 12px; vertical-align: middle; margin: 0; display: inline-block; margin-right: 0.015625rem /* 3/192 */; } .pw-sec1 .w1200 .bottom .left .info a .share { width: 0.104167rem /* 20/192 */; margin: 0; margin-left: 0.057292rem /* 11/192 */; height: auto; } .pw-sec1 .w1200 .bottom .left h2 { text-align: center; font-size: 0.104167rem /* 20/192 */; color: #063f7b; line-height: 1.5; margin-bottom: 0.083333rem /* 16/192 */; } .pw-sec1 .w1200 .bottom .left h3 { text-align: center; font-size: 0.083333rem /* 16/192 */; color: #063f7b; line-height: 1.5; margin-bottom: 0.229167rem /* 44/192 */; } .pw-sec1 .w1200 .bottom .left p { color: #464646; font-size: 0.083333rem /* 16/192 */; line-height: 2.2; } .pw-sec1 .w1200 .bottom .left img { width: 100%; transition: all 0.5s; margin: 0.171875rem /* 33/192 */ auto; } .pw-sec1 .w1200 .bottom .left img:hover { transform: scale(1.03); } .pw-sec1 .w1200 .bottom .left h4 { font-size: 0.083333rem /* 16/192 */; line-height: 2.2; color: black; font-weight: 600; } .pw-sec1 .w1200 .bottom .big h2 { font-size: 0.125rem !important; /* 24/192 */ } .pw-sec1 .w1200 .bottom .big h3 { font-size: 0.104167rem !important; /* 20/192 */ } .pw-sec1 .w1200 .bottom .big p { font-size: 0.104167rem !important; /* 20/192 */ } .pw-sec1 .w1200 .bottom .big h4 { font-size: 0.104167rem !important; /* 20/192 */ } .pw-sec1 .w1200 .bottom .small h2 { font-size: 0.083333rem !important; /* 16/192 */ } .pw-sec1 .w1200 .bottom .small h3 { font-size: 0.072917rem !important; /* 14/192 */ } .pw-sec1 .w1200 .bottom .small p { font-size: 0.0625rem !important; /* 12/192 */ } .pw-sec1 .w1200 .bottom .small h4 { font-size: 0.072917rem !important; /* 14/192 */ } .pw-sec1 .w1200 .bottom .right { width: 1.645833rem /* 316/192 */; padding: 0 0.104167rem /* 20/192 */; border-top: 3px solid #063f7b; background-color: #fff; padding-top: 0.15625rem /* 30/192 */; } .pw-sec1 .w1200 .bottom .right h1 { font-size: 0.104167rem /* 20/192 */; margin-bottom: 0.052083rem /* 10/192 */; } .pw-sec1 .w1200 .bottom .right ul { font-size: 1px; } .pw-sec1 .w1200 .bottom .right ul li { width: 100%; border-top: 1px solid #BFBFBF; padding: 0.104167rem /* 20/192 */ 0; } .pw-sec1 .w1200 .bottom .right ul li a { display: flex; justify-content: space-between; align-items: center; } .pw-sec1 .w1200 .bottom .right ul li a > img { width: 0.4375rem /* 84/192 */; margin-right: 0.057292rem /* 11/192 */; flex: none; } .pw-sec1 .w1200 .bottom .right ul li a .wrap { flex: 1; } .pw-sec1 .w1200 .bottom .right ul li a .wrap h5 { font-size: 0.09375rem /* 18/192 */; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1; margin-bottom: 0.083333rem /* 16/192 */; color: black; transition: all 0.3s; width: 0.9375rem /* 180/192 */; } .pw-sec1 .w1200 .bottom .right ul li a .wrap span { color: #707070; font-size: 0.0625rem /* 12/192 */; line-height: 0.09375rem /* 18/192 */; } .pw-sec1 .w1200 .bottom .right ul li a .wrap .arrow { width: 0.09375rem /* 18/192 */; height: 0.09375rem /* 18/192 */; float: right; border: 1px solid #DCDCDC; background-image: url(../images/rArrowWithStickGray.png); background-position: center; background-size: 0.041667rem /* 8/192 */ 0.041667rem /* 8/192 */; background-repeat: no-repeat; border-radius: 50%; transition: all 0.3s; } .pw-sec1 .w1200 .bottom .right ul li a:hover .wrap h5 { color: #063f7b; } .pw-sec1 .w1200 .bottom .right ul li a:hover .wrap .arrow { background-image: url(../images/rArrowWithStickBlue.png) !important; border: 1px solid #063f7b !important; } .it-sec1 { padding-top: 0.15625rem /* 30/192 */; background-color: #FAFAFA; padding-bottom: 0.182292rem /* 35/192 */; } .it-sec1 .w1200 { display: flex; justify-content: space-between; flex-wrap: wrap; } .it-sec1 .w1200 .left { width: 1.276042rem /* 245/192 */; } .it-sec1 .w1200 .left .top { background-image: url(../images/leftLiBG.jpg); margin-bottom: 0.020833rem /* 4/192 */; width: 100%; padding-top: 0.125rem /* 24/192 */; padding-bottom: 0.114583rem /* 22/192 */; text-align: center; color: white; background-color: #063f7b; border-bottom: 3px solid #E67519; background-size: cover; } .it-sec1 .w1200 .left .top h1 { line-height: 1; font-size: 0.125rem /* 24/192 */; } .it-sec1 .w1200 .left .top h2 { font-size: 0.0625rem /* 12/192 */; opacity: 0.4; } .it-sec1 .w1200 .left .bottom { background-color: #fff; } .it-sec1 .w1200 .left .bottom li { width: 100%; border-bottom: 1px solid #EEEEEE; } .it-sec1 .w1200 .left .bottom li a { display: block; width: 100%; text-align: center; line-height: 0.3125rem /* 60/192 */; color: #636363; font-size: 0.104167rem /* 20/192 */; transition: all 0.3s; } .it-sec1 .w1200 .left .bottom li:hover a, .it-sec1 .w1200 .left .bottom .on a { color: white; background-color: #063f7b; } .it-sec1 .w1200 .right { width: 6.15rem /* 937/192 */; } .it-sec1 .w1200 .right .breadcrumb { margin-bottom: 0.083333rem /* 16/192 */; font-size: 0.083333rem /* 16/192 */; color: #6d6d6d; } .it-sec1 .w1200 .right .breadcrumb img { width: 0.083333rem /* 16/192 */; vertical-align: middle; margin-right: 0.0625rem /* 12/192 */; display: inline-block; } .it-sec1 .w1200 .right .breadcrumb a { font-size: 0.083333rem /* 16/192 */; color: #6d6d6d; transition: all 0.3s; } .it-sec1 .w1200 .right .breadcrumb a:hover { color: #063f7b; } .it-sec1 .w1200 .right .bottom { padding: 0.114583rem /* 22/192 */; background-color: white; border-top: 0.015625rem /* 3/192 */ solid #063f7b; padding-bottom: 0.78125rem /* 150/192 */; } .it-sec1 .w1200 .right .bottom img { width: 100%; margin-bottom: 0.15625rem /* 30/192 */; transition: all 0.3s; } .it-sec1 .w1200 .right .bottom img:hover { transform: scale(1.03); } .it-sec1 .w1200 .right .bottom p { font-size: 0.09375rem /* 18/192 */; /*opacity: 0.8;*/ color: black; line-height: 1.8; margin-bottom: 0.09375rem /* 18/192 */; } .tt-sec1 .w1200 .right .bottom { padding: 0.182292rem /* 35/192 */; display: flex; flex-wrap: wrap; justify-content: space-between; } .tt-sec1 .w1200 .right .bottom li { width: 2.75rem /* 427/192 */; padding: 0.057292rem /* 11/192 */; position: relative; display: flex; margin-bottom: 0.09375rem /* 18/192 */; box-shadow: 0px 2px 4px 0px #0060d628; background-color: #fff; } .tt-sec1 .w1200 .right .bottom li:hover { background-color: #063f7b; } .tt-sec1 .w1200 .right .bottom li:hover .dot1 { background-color: #fff; } .tt-sec1 .w1200 .right .bottom li:hover .right h3 { color: white; } .tt-sec1 .w1200 .right .bottom li:hover .right h3 span { color: white; } .tt-sec1 .w1200 .right .bottom li:hover .right hr { background-color: rgba(255, 255, 255, 0.575); } .tt-sec1 .w1200 .right .bottom li:hover .right p { color: white; } .tt-sec1 .w1200 .right .bottom li img { width: 1.6rem /* 241/192 */; height: 1.0rem /* 203/192 */; margin: 0; margin-right: 0.130208rem /* 25/192 */; } .tt-sec1 .w1200 .right .bottom li .right { width: 1.0rem /* 128/192 */; padding-top: 0.0625rem /* 12/192 */; } .tt-sec1 .w1200 .right .bottom li .right h3 { color: black; vertical-align: bottom; line-height: 1; font-weight: 600; font-size: 0.125rem /* 24/192 */; transition: all 0.5s; } .tt-sec1 .w1200 .right .bottom li .right h3 span { margin-left: 0.026042rem /* 5/192 */; color: rgba(0, 0, 0, 0.74); font-size: 0.072917rem /* 14/192 */; line-height: 1; transition: all 0.5s; } .tt-sec1 .w1200 .right .bottom li .right hr { margin: 0.09375rem /* 18/192 */ 0; background-color: #0060d636; border: 0 solid #000; height: 1px; transition: all 0.5s; } .tt-sec1 .w1200 .right .bottom li .right p { opacity: 0.6; line-height: 1; margin-bottom: 0.0625rem /* 12/192 */; font-size: 0.072917rem /* 14/192 */; transition: all 0.5s; } .tt-sec1 .w1200 .right .bottom li .dot1 { width: 0.026042rem /* 5/192 */; height: 0.026042rem /* 5/192 */; position: absolute; left: 1.447917rem /* 278/192 */; bottom: 0.083333rem /* 16/192 */; background-color: #063f7b; transition: all 0.5s; } .tt-sec1 .w1200 .right .bottom li .dot2 { width: 0.026042rem /* 5/192 */; height: 0.026042rem /* 5/192 */; position: absolute; left: 1.489583rem /* 286/192 */; bottom: 0.083333rem /* 16/192 */; background-color: #E67519; } .tt-sec1 .w1200 .right .bottom .pages { display: flex; width: 100%; justify-content: center; font-size: 0.072917rem /* 14/192 */; color: rgba(0, 0, 0, 0.658); margin-top: 0.260417rem /* 50/192 */; } .tt-sec1 .w1200 .right .bottom .pages li { width: 0.119792rem /* 23/192 */; height: 0.119792rem /* 23/192 */; border: 1px solid #063f7b; border-radius: 4px; text-align: center; line-height: 0.119792rem /* 23/192 */; transition: all 0.3s; padding: 0; margin-right: 0.041667rem /* 8/192 */; margin-bottom: 0; display: block; } .tt-sec1 .w1200 .right .bottom .pages li a { display: block; color: #063f7b; width: 100%; height: 100%; } .tt-sec1 .w1200 .right .bottom .pages li:hover, .tt-sec1 .w1200 .right .bottom .pages .on { background: #063f7b; } .tt-sec1 .w1200 .right .bottom .pages li:hover a, .tt-sec1 .w1200 .right .bottom .pages .on a { color: white; } .pl-sec1 .w1200 .right .bottom { padding: 0 0.119792rem /* 23/192 */; padding-top: 0.036458rem /* 7/192 */; padding-bottom: 0.192708rem /* 37/192 */; } .pl-sec1 .w1200 .right .bottom li { padding: 0.135417rem /* 26/192 */ 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EEEEEE; } .pl-sec1 .w1200 .right .bottom li img { width: 1.447917rem /* 278/192 */; height: 0.911458rem /* 175/192 */; margin-bottom: 0; flex: none; } .pl-sec1 .w1200 .right .bottom li a { display: flex; justify-content: space-between; align-items: stretch; } .pl-sec1 .w1200 .right .bottom li a:hover .center h3 { color: #063f7b; } .pl-sec1 .w1200 .right .bottom li a:hover .right { border: 1px solid transparent; background-image: url(../images/rArrowWithStickBigWhite.png); background-color: #063f7b; } .pl-sec1 .w1200 .right .bottom li a .left { width: 0.484375rem /* 93/192 */; border-right: 1px solid #BFBFBF; } .pl-sec1 .w1200 .right .bottom li a .left h3 { text-align: center; font-size: 0.3125rem /* 60/192 */; font-family: DINCondensedC; font-weight: 400; color: #000000; line-height: 1; margin-bottom: 0.0625rem /* 12/192 */; } .pl-sec1 .w1200 .right .bottom li a .left h4 { font-size: 0.09375rem /* 18/192 */; font-family: DINCondensedC; font-weight: 400; color: #000000; line-height: 1; text-align: center; opacity: 0.6; } .pl-sec1 .w1200 .right .bottom li a .center { flex: 1; width: 3.5rem; padding: 0 0.098958rem /* 19/192 */; } .pl-sec1 .w1200 .right .bottom li a .center h3 { font-size: 0.104167rem /* 20/192 */; color: #020202; line-height: 0.177083rem /* 34/192 */; opacity: 0.9; transition: all 0.5s; } .pl-sec1 .w1200 .right .bottom li a .center h4 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.0625rem /* 12/192 */; width: 2.03125rem /* 390/192 */; color: #000000; opacity: 0.6; } .pl-sec1 .w1200 .right .bottom li a .right { width: 0.395833rem /* 76/192 */; background: transparent; background-image: url(../images/rArrowWithStickBigGray.png); background-repeat: no-repeat; background-position: center; background-size: 0.151042rem /* 29/192 */ 0.130208rem /* 25/192 */; border: 1px solid #BFBFBF; transition: all 0.5s; } .pt-sec1 .w1200 .right .bottom { padding: 0; padding-bottom: 0.15625rem /* 30/192 */; } .pt-sec1 .w1200 .right .bottom li { border-bottom: 1px solid #EEEEEE; } .pt-sec1 .w1200 .right .bottom li a { display: block; padding: 0.119792rem /* 23/192 */; font-size: 0.09375rem /* 18/192 */; color: #3f3f3f; transition: all 0.3s; } .pt-sec1 .w1200 .right .bottom li a:hover { color: #063f7b; } .pt-sec1 .w1200 .right .bottom li a img { width: 0.041667rem /* 8/192 */; height: 0.0625rem /* 12/192 */; margin-right: 0.104167rem /* 20/192 */; vertical-align: middle; display: inline-block; margin-bottom: 0; } .pt-sec1 .w1200 .right .bottom li a span { float: right; font-size: 0.072917rem /* 14/192 */; color: #000000; opacity: 0.4; } .pt-sec1 .w1200 .right .bottom .pages { display: flex; width: 100%; justify-content: center; font-size: 0.072917rem /* 14/192 */; color: rgba(0, 0, 0, 0.658); margin-top: 0.260417rem /* 50/192 */; } .pt-sec1 .w1200 .right .bottom .pages li { width: 0.119792rem /* 23/192 */; height: 0.119792rem /* 23/192 */; border: 1px solid #063f7b; border-radius: 4px; text-align: center; line-height: 0.119792rem /* 23/192 */; transition: all 0.3s; padding: 0; margin-right: 0.041667rem /* 8/192 */; margin-bottom: 0; display: block; } .pt-sec1 .w1200 .right .bottom .pages li a { display: block; color: #063f7b; width: 100%; height: 100%; padding: 0; } .pt-sec1 .w1200 .right .bottom .pages li:hover, .pt-sec1 .w1200 .right .bottom .pages .on { background: #063f7b; } .pt-sec1 .w1200 .right .bottom .pages li:hover a, .pt-sec1 .w1200 .right .bottom .pages .on a { color: white; } @media screen and (max-width: 768px) { .w1200 { width: 95%; } .v_news_content > p > img { width: 95%!important; margin:0 auto!important; } .navi { display: none; } header .top { padding-top: 10px; } header .top .xsmenu { display: block; width: 30px; position: relative; z-index: 9999; } header .top p { font-size: 14px; } header .top p span { display: none; } header .top ul { display: none; } header .bottom { margin-top: 20px; padding-bottom: 15px; } header .bottom img { width: 60%; } header .bottom form { width: 35%; height: 26px; border-radius: 13px; opacity: 1; padding: 0; justify-content: space-around; align-items: center; } header .bottom form input[type="text"] { font-size: 12px; padding-left: 10px; width: 70%; } header .bottom form input[type="submit"] { background-size: contain; width: 25%; height: 80%; } .mySwiper1 { height: 240px; } .mySwiper1 .swiper-slide { height: 240px; overflow: hidden; position: relative; } .mySwiper1 .swiper-slide img { width: auto; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); } .mySwiper1 .swiper-pagination { display: none; } .id-sec1 { flex-wrap: wrap; margin-top: 20px; } .id-sec1 .left, .id-sec1 .right { width: 100%; } .id-sec1 .left .top, .id-sec1 .right .top { padding: 10px 2%; line-height: 20px; margin-bottom: 8px; } .id-sec1 .left .top .more a, .id-sec1 .right .top .more a { font-size: 14px; } .id-sec1 .left .top .more a img, .id-sec1 .right .top .more a img { width: 6px; height: 12px; margin-left: 4px; } .id-sec1 .left .top h4, .id-sec1 .right .top h4 { font-size: 18px; } .id-sec1 .left .top h5, .id-sec1 .right .top h5 { font-size: 14px; } .id-sec1 .left .top .icon, .id-sec1 .right .top .icon { width: 18px; height: 17px; margin-right: 6px; vertical-align: middle; } .id-sec1 .left { margin-bottom: 0; } .id-sec1 .left .bottom { flex-wrap: wrap; } .id-sec1 .left .bottom .left { width: 100%; height: auto; margin-bottom: 15px; } .id-sec1 .left .bottom .left p { padding: 8px; font-size: 16px; } .id-sec1 .left .bottom .right { width: 100%; padding: 5px; } .id-sec1 .left .bottom .right li { padding: 10px 0; } .id-sec1 .left .bottom .right li a { font-size: 16px; } .id-sec1 .left .bottom .right li p { font-size: 14px; } .id-sec1 .right .bottom { height: auto; padding: 5px; } .id-sec1 .right .bottom li { padding: 10px 0; } .id-sec1 .right .bottom li a { font-size: 16px; flex: 1; } .id-sec1 .right .bottom li p { font-size: 14px; } .id-sec2 { padding: 20px 0; } .id-sec2 .w1200 { flex-wrap: wrap; } .id-sec2 .w1200 .left, .id-sec2 .w1200 .right { width: 100%; } .id-sec2 .w1200 .left .top, .id-sec2 .w1200 .right .top { padding: 10px 2%; line-height: 20px; margin-bottom: 8px; } .id-sec2 .w1200 .left .top .more a, .id-sec2 .w1200 .right .top .more a { font-size: 14px; } .id-sec2 .w1200 .left .top .more a img, .id-sec2 .w1200 .right .top .more a img { width: 6px; height: 12px; margin-left: 4px; } .id-sec2 .w1200 .left .top h4, .id-sec2 .w1200 .right .top h4 { font-size: 18px; } .id-sec2 .w1200 .left .top h5, .id-sec2 .w1200 .right .top h5 { font-size: 14px; } .id-sec2 .w1200 .left .top .icon, .id-sec2 .w1200 .right .top .icon { width: 18px; height: 17px; margin-right: 6px; vertical-align: middle; } .id-sec2 .w1200 .left .bottom, .id-sec2 .w1200 .right .bottom { padding: 5px; } .id-sec2 .w1200 .left .bottom li, .id-sec2 .w1200 .right .bottom li { padding: 10px 0; } .id-sec2 .w1200 .left .bottom li a, .id-sec2 .w1200 .right .bottom li a { font-size: 16px; flex: 1; } .id-sec2 .w1200 .left .bottom li p, .id-sec2 .w1200 .right .bottom li p { font-size: 14px; } .id-sec3 { width: 100%; margin-top: 0px; margin-bottom: 20px; } .id-sec4 .w1200 { flex-wrap: wrap; } .id-sec4 .w1200 .left, .id-sec4 .w1200 .center, .id-sec4 .w1200 .right { width: 100%; margin-bottom: 40px; } .id-sec4 .w1200 .left .top, .id-sec4 .w1200 .center.top, .id-sec4 .w1200 .right .top { padding: 10px 2%; line-height: 20px; margin-bottom: 8px; } .id-sec4 .w1200 .left .top .more a, .id-sec4 .w1200 .center .top .more a, .id-sec4 .w1200 .right .top .more a { font-size: 14px; } .id-sec4 .w1200 .left .top .more a img, .id-sec4 .w1200 .center .top .more a img, .id-sec4 .w1200 .right .top .more a img { width: 6px; height: 12px; margin-left: 4px; } .id-sec4 .w1200 .left .top h4, .id-sec4 .w1200 .center .top h4, .id-sec4 .w1200 .right .top h4 { font-size: 18px; } .id-sec4 .w1200 .left .top h5, .id-sec4 .w1200 .center .top h5, .id-sec4 .w1200 .right .top h5 { font-size: 14px; } .id-sec4 .w1200 .left .top .icon, .id-sec4 .w1200 .center .top .icon, .id-sec4 .w1200 .right .top .icon { width: 18px; height: 17px; margin-right: 6px; vertical-align: middle; } .id-sec4 .w1200 .left .bottom, .id-sec4 .w1200 .center .bottom, .id-sec4 .w1200 .right .bottom { padding: 5px; } .id-sec4 .w1200 .left .bottom li, .id-sec4 .w1200 .center .bottom li, .id-sec4 .w1200 .right .bottom li { padding: 10px 0; } .id-sec4 .w1200 .left .bottom li a, .id-sec4 .w1200 .center .bottom li a, .id-sec4 .w1200 .right .bottom li a { font-size: 16px; flex: 1; } .id-sec4 .w1200 .left .bottom li p, .id-sec4 .w1200 .center.bottom li p, .id-sec4 .w1200 .right .bottom li p { font-size: 14px; } .id-sec4 .w1200 .right .bottom li { margin-bottom: 5px; } .id-sec4 .w1200 .right .bottom li a { margin-left: 8px; } .id-sec4 .w1200 .right .bottom li p { flex: none; margin-right: 8px; } .id-sec4 .w1200 .right .bottom .detail { padding-bottom: 5px; } .id-sec4 .w1200 .right .bottom .detail h5 { font-size: 16px; line-height: 30px; } .id-sec4 .w1200 .right .bottom .detail h5 img { margin-right: 10px; margin-left: 5px; } .id-sec5 { padding: 15px 0; } .id-sec5 .nex, .id-sec5 .pre { display: none; } footer .w1200 { justify-content: space-around; } footer .w1200 .left { width: 90%; margin-right: 0; } footer .w1200 .left .logo { display:none; } footer .w1200 .left ul li { text-align: left; font-size: 15px; margin-bottom: 10px; } footer .w1200 .left ul li img { width: 14px; margin-right: 6px; } footer .w1200 .right { width: 90%; margin-right: 0; } footer .w1200 .right dt { font-size: 17px; margin-bottom: 15px; color: white; } footer .w1200 .right dd { margin-bottom: 8px; } footer .w1200 .right dd a { font-size: 15px; } footer .w1200 .right dd a img { width: 14px; margin-right: 6px; } .pw-sec1 { padding-bottom: 30px; } .pw-sec1 .w1200 .breadcrumb { padding-top: 10px; margin-bottom: 15px; font-size: 16px; } .pw-sec1 .w1200 .breadcrumb img { width: 16px; margin-right: 10px; } .pw-sec1 .w1200 .breadcrumb a { font-size: 16px; } .pw-sec1 .w1200 .bottom .left { width: 100%; padding: 30px 2%; margin-bottom: 40px; } .pw-sec1 .w1200 .bottom .left h1 { font-size: 22px; line-height: 1.5; margin-bottom: 20px; } .pw-sec1 .w1200 .bottom .left .info { font-size: 16px; justify-content: space-around; margin-bottom: 20px; } .pw-sec1 .w1200 .bottom .left .info .fontwrap { display: none; } .pw-sec1 .w1200 .bottom .left h2 { font-size: 18px; margin-bottom: 10px; } .pw-sec1 .w1200 .bottom .left h3 { font-size: 16px; margin-bottom: 20px; } .pw-sec1 .w1200 .bottom .left p { font-size: 16px; } .pw-sec1 .w1200 .bottom .left img { margin: 30px 0; } .pw-sec1 .w1200 .bottom .left h4 { font-size: 16px; } .pw-sec1 .w1200 .bottom .right { width: 100%; padding: 30px 2%; } .pw-sec1 .w1200 .bottom .right h1 { font-size: 20px; margin-bottom: 15px; } .pw-sec1 .w1200 .bottom .right ul li { padding: 10px 0; } .pw-sec1 .w1200 .bottom .right ul li a > img { width: 40%; flex: none; } .pw-sec1 .w1200 .bottom .right ul li a .wrap { width: 55%; flex: none; } .pw-sec1 .w1200 .bottom .right ul li a .wrap h5 { width: 100%; font-size: 18px; margin-bottom: 20px; } .pw-sec1 .w1200 .bottom .right ul li a .wrap span { font-size: 14px; line-height: 18px; } .pw-sec1 .w1200 .bottom .right ul li a .wrap .arrow { width: 18px; height: 18px; margin-right: 2%; background-size: 8px 8px; } .it-sec1 { padding-top: 30px; padding-bottom: 30px; } .it-sec1 .w1200 { justify-content: space-around; } .it-sec1 .w1200 .left { width: 95%; } .it-sec1 .w1200 .left .top { padding: 20px 0; background-image: none; margin-bottom: 5px; } .it-sec1 .w1200 .left .top h1 { font-size: 20px; margin-bottom: 10px; } .it-sec1 .w1200 .left .top h2 { font-size: 16px; } .it-sec1 .w1200 .left .bottom { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 0; margin-bottom: 20px; } .it-sec1 .w1200 .left .bottom li { width: 48%; margin-bottom: 10px; } .it-sec1 .w1200 .left .bottom li a { font-size: 16px; line-height: 3; } .it-sec1 .w1200 .right { width: 100%; } .it-sec1 .w1200 .right .breadcrumb { padding-top: 10px; margin-bottom: 15px; font-size: 16px; } .it-sec1 .w1200 .right .breadcrumb img { width: 16px; margin-right: 10px; } .it-sec1 .w1200 .right .breadcrumb a { font-size: 16px; } .it-sec1 .w1200 .right .bottom { padding: 20px 2%; border-top: 3px solid #063f7b; } .it-sec1 .w1200 .right .bottom img { margin: 20px 0; } .it-sec1 .w1200 .right .bottom p { font-size: 16px; margin-bottom: 10px; width: 90vw; } .tt-sec1 .w1200 .right .bottom li { width: 100%; padding: 8px; margin: 15px 2%; } .tt-sec1 .w1200 .right .bottom li .dot1, .tt-sec1 .w1200 .right .bottom li .dot2 { display: none; } .tt-sec1 .w1200 .right .bottom li img { height: auto; margin-right: 10px; } .tt-sec1 .w1200 .right .bottom li .right { flex: 1; padding-top: 5px; } .tt-sec1 .w1200 .right .bottom li .right h3 { font-size: 20px; } .tt-sec1 .w1200 .right .bottom li .right h3 span { font-size: 14px; } .tt-sec1 .w1200 .right .bottom li .right hr { margin: 10px 0; } .tt-sec1 .w1200 .right .bottom li .right p { font-size: 16px; margin-bottom: 10px; } .tt-sec1 .w1200 .right .bottom .pages { font-size: 14px; margin-top: 20px; margin-bottom: 30px; } .tt-sec1 .w1200 .right .bottom .pages li { width: 23px; height: 23px; border-radius: 4px; margin: 0; margin-right: 5px; line-height: 23px; } .pl-sec1 .w1200 .right .bottom li { padding: 15px 0; flex-wrap: wrap; justify-content: space-around; } .pl-sec1 .w1200 .right .bottom li img { width: 80%; height: auto; margin-top: 0; margin-bottom: 15px; } .pl-sec1 .w1200 .right .bottom li a { width: 100%; } .pl-sec1 .w1200 .right .bottom li a .left { width: 20%; } .pl-sec1 .w1200 .right .bottom li a .left h3 { font-size: 30px; margin-bottom: 10px; } .pl-sec1 .w1200 .right .bottom li a .left h4 { font-size: 20px; } .pl-sec1 .w1200 .right .bottom li a .center { width: 65%; overflow: hidden; flex: none; padding: 0 2%; } .pl-sec1 .w1200 .right .bottom li a .center h3 { font-size: 16px; line-height: 1.4; } .pl-sec1 .w1200 .right .bottom li a .center h4 { width: 100%; margin-right: 0; font-size: 14px; line-height: 1.5; } .pl-sec1 .w1200 .right .bottom li a .right { flex: 1; background-size: 50% auto; background-image: url(../images/rArrowWithStickBigWhite.png); background-color: #063f7b; } .pt-sec1 .w1200 .right .bottom { padding-bottom: 30px; margin-bottom: 40px; } .pt-sec1 .w1200 .right .bottom .pages { font-size: 14px; margin-top: 20px; } .pt-sec1 .w1200 .right .bottom .pages li { width: 23px; height: 23px; border-radius: 4px; margin: 0; margin-right: 5px; line-height: 23px; } .pt-sec1 .w1200 .right .bottom li a { padding: 12px; font-size: 16px; } .pt-sec1 .w1200 .right .bottom li a img { margin-top: 0; width: 8px; height: 12px; } .pt-sec1 .w1200 .right .bottom li a span { font-size: 14px; } }