body {color:#333333} a{color:#d61518}a:active,a:hover {color:#d61518} @media (min-width: 1430px) {.container{ width: 1430px; }} @media (min-width: 1430px) {.container{ width: 1430px; }} #Top .head{ float:left; width:100%; position:fixed; left:0; top:10px; z-index:66; padding:0 3.125%;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Top .topBg{ float:left; width:100%; position:fixed; left:0; top:90px; height:0; z-index:65; background:#d61518; background:rgba(214,21,24,0.9);-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease;} #Top .logo{ float:left; margin:20px 0; width:189px; height:50px; line-height:0;} #Top .logo .img1{ display:block;} #Top .logo .img2{ display:none;} #Top .Office{ float:right; font-size:16px; line-height:40px; margin:25px; position:relative;} #Top .Office i{ float:left; width:20px; height:20px; background:url(/template/theme/CN/3989_top4.png) center no-repeat; background-size:100% 100%; margin:10px 0;} #Top .Office .la{ float:left; color:#fff; margin:0 12px 0 10px;} #Top .Office em{ float:left; width:12px; height:12px; background:url(/template/theme/CN/3989_top2.png) center no-repeat; background-size:100% 100%; margin:14px 0;} #Top .Office ul{ display:none; float:left; width:110%; position:absolute; right:-5%; top:100%; background:#C01; padding:8px 0;} #Top .Office ul li{ float:left; width:100%;} #Top .Office ul li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:28px; text-align:center;} #Top .Office ul li a:hover{ color:#4f4f4f;} #Top .Office:hover ul{ display:block;} #Top .so{ float:right; width:31px; height:36px; margin:27px 0; position:relative; z-index:6;} #Top .so .Search{ float:right; width:0; height:36px; background:#d61518; background:rgba(214,21,24,0.9); border:0; line-height:22px; padding:7px 0; overflow:hidden; color:#fff; border-radius:36px; font-size:14px; margin-right:-15px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Top .so .sear_sub{ float:left; width:16px; height:16px; background:url(/template/theme/CN/3989_top3.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-8px;} #Top .so:hover .Search{ width:180px; padding:7px 40px 7px 12px;} #Top .so ::-webkit-input-placeholder{color:#fff;} #Top .so :-moz-placeholder{color:#fff;} #Top .so ::-moz-placeholder{color:#fff;} #Top .so :-ms-input-placeholder{color:#fff;} /*menu*/ #Top .menu{float: right; } #Top .menu .nli{ float:left; padding:0 15px; margin:0; position:relative;} #Top .menu .nli span a{ float:left; position:relative; padding:0; color:#fff; font-size:16px; line-height:90px; position:relative;} #Top .menu .nli span a:after{ float:left; width:0; height:3px; position:absolute; left:50%; top:84px; content:''; background:#d61518;-oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); } #Top .menu .sub{ display:none; float:left; position:absolute; left:50%; top:90px; z-index:66; padding:10px 0;-oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);white-space:nowrap; } #Top .menu .sub li{ display:inline; margin:0 22px; white-space:nowrap;} #Top .menu .sub li a{ display:inline; color:#fff; font-size:14px; line-height:32px; white-space:nowrap;} #Top .head1{ background:#fff; top:0;} #Top .head1 .logo .img1{ display:none;} #Top .head1 .logo .img2{ display:block;} #Top .head1 .menu .nli:hover .topBg{ height:52px;} #Top .head1 .menu .nli span a{ color:#333333;} #Top .head1 .menu .nli.active span a{ color:#d61518;} #Top .head1 .menu .nli.active span a:after, #Top .head1 .menu .nli:hover span a:after{ width:100%;} #Top .head1 .menu .nli:hover .sub{ display:block;} #Top .head1 .Office i{ background:url(/template/theme/CN/3989_top4_1.png) center no-repeat; background-size:100% 100%;} #Top .head1 .Office .la{ color:#333333;} #Top .head1 .Office em{ background:url(/template/theme/CN/3989_top2_1.png) center no-repeat; background-size:100% 100%;} #Top .head1 .so .sear_sub{ background:url(/template/theme/CN/3989_top3_1.png) center no-repeat; } #Top .head1 .so:hover .sear_sub{ background:url(/template/theme/CN/3989_top3.png) center no-repeat; } /*手机导航按钮*/ #Top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:19px 0;} #Top .menuph .point { float:left; width: 28px; height: 22px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before { width: 28px; } #Top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; } #Top .menuph .navbtn::after { top: -11px; } #Top .menuph .navbtn::before { top: 10px; } #Top .menuph .point.active .navbtn{ background: transparent; } #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } #Top .head1 .menuph .navbtn{ background: #d61518; } #Top .head1 .menuph .navbtn::after, #Top .head1 .menuph .navbtn::before { background: #d61518; } /*手机导航*/ #Top .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:62px 0 100px 0; display: none; z-index:60; background:#d61518; background:rgba(214,21,24,0.9);} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4{ float:left; width:100%; position:relative;} #Top .xialaph h4 a{ float:left; width:66%; color: #fff; font-size:16px; line-height:50px; position:relative;} #Top .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.3; } #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.3; } #Top .xialaph h5 a{ float:left; width:100%; color: #fff; font-size:14px; line-height:40px; text-transform:uppercase; padding:0 10px;} #Top .xialaph h5{ float:left; width:100%;position: relative; } #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.3; } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 21px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right: 18px; cursor: pointer; } #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none; } #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block; } #Top .xialaph .ul2{ float:left; width:100%; padding:0 10px;} #Top .xialaph .img_d{ display: none; } @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #Top .menu .nli{ float:left; padding:0 10px;} #Top .Office{ margin:25px 20px;} } @media screen and (max-width:1024px){ #Top .head{ top:0; } #Top .logo{ margin:12px 0; width:136px; height:36px; } #Top .menu{ display:none;} #Top .so{ display:none;} #Top .soPH{ display:block; position:relative; width:100%; margin:15px 0;} #Top .soPH .Search{ width:100%; margin-right:0; background:rgba(0,0,0,0.3); padding:7px 40px 7px 15px;} #Top .soPH .sear_sub{ right:15px;} #Top .Office{ margin:10px 10px 10px 0; font-size:14px; line-height:36px;} #Top .Office i{ width:16px; height:16px;} #Top .Office .la{ margin:0 8px;} #Top .Office em{ width:10px; height:10px; margin:13px 0;} #Top .Office ul{ padding:6px 0;} #Top .Office ul li a{ font-size:13px; line-height:24px;} #Top .menuph{ display:block;} } @media screen and (max-width:768px){ } #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#d61518; z-index:58; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Down .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);} #Down .pf_down li:last-child{ border:none;} #Down .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .ico7 img{ width:20px; height:20px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} /*底部*/ #Down .pz_down{ float:left; width:100%; } #Down .foot1{ float:left; width:100%; background:#f4f4f4; } #Down .footShare{ float:left; margin:14px 0; color:#333333; font-size:16px; line-height:36px;} #Down .footShare .tit{ float:left;} #Down .footShare .la{ float:left; width:36px; height:36px; position:relative; z-index:16; margin:0 5px;} #Down .footShare .la .ico{ float:left; width:36px; height:36px; background:#c3c3c3; border-radius:50%;} #Down .footShare .la:hover .ico{ background:#d61518;} #Down .footShare .la .img{ float:left; width:100px; height:100px; padding:6px; background:#f4f4f4; position:absolute; left:50%; margin-left:-50px; bottom:60px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 90%; -moz-transform-origin:50% 90%; -ms-transform-origin:50% 90%; -o-transform-origin:50% 90%; transform-origin:50% 90%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0)} #Down .footShare .la .img:after{ float:left; width:0; height:0; position:absolute; left:50%; margin-left:-7px; bottom:-8px; content:''; border-left: 7px solid transparent; border-right:7px solid transparent;border-top: 8px solid #f4f4f4; } #Down .footShare .la .img{height:122px;} #Down .footShare .la .img img{display:block;} #Down .footShare .la .img b{display:block; text-align:center; font-size:12px; color:#333333; line-height:18px; margin-top:4px;} #Down .footShare .la:hover .img{ opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} #Down .links{ float:right; position:relative; z-index:16; width:28.14%;} #Down .links h5{ float:left; width:100%; border-left:2px solid #fff; border-right:2px solid #fff; color:#666666; font-size:16px; line-height:64px; padding:0 30px; position:relative;} #Down .links h5:after{ float:left; width:18px; height:10px; content:''; position:absolute; right:30px; top:50%; margin-top:-5px; background:url(/template/theme/CN/3990_foot3.png) center no-repeat; background-size:100% 100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Down .links h5.on:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg);} #Down .links ul{ display:none; float:left; width:100%; position:absolute; left:0; bottom:64px; background:#f4f4f4; border-bottom:2px solid #fff; padding:10px 0;} #Down .links ul li{ float:left; width:100%;} #Down .links ul li a{ float:left; width:100%; padding:0 30px; color:#666666; font-size:14px; line-height:24px;} #Down .links ul li a:hover{ color:#d61518;} #Down .copyright{ float:left; color:#888888; font-size:14px; line-height:26px; font-weight:bold; margin:25px 0;} #Down .footMap{ float:right; color:#e5e5e5; font-size:12px; line-height:26px; margin-top:52px;} #Down .footMap a{ color:#888888; font-size:14px; font-weight:bold;} #Down .footMap a:hover{ color:#d61518;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Down .footShare{ font-size:14px; line-height:28px; margin:10px 0;} #Down .footShare .la{ width:28px; height:28px; margin:0 3px;} #Down .footShare .la .ico{ width:28px; height:28px;} #Down .links{ width:38%;} #Down .links h5{ padding:0 10px; font-size:14px; line-height:48px;} #Down .links h5:after{ right:10px; width:11px; height:6px; margin-top:-3px;} #Down .links ul{ bottom:48px;} #Down .links ul li a{ padding:0 10px;} #Down .copyright{ width:100%; text-align:center; line-height:24px; margin:20px 0 5px 0;} #Down .footMap{ width:100%; text-align:center; line-height:24px; margin:0 0 20px 0;} } @media screen and (max-width:768px){ } #Content .bannerB{ margin-top:0 !important;} #Content .pz_banner{ float:left; width:100%; position:relative;} #Content .slideBg{ float:left; width:100%; height:28%; position:absolute; left:0; top:0; z-index:16;} #Content .slide_banner{ float:left; width:100%; margin:0; position:relative; z-index:15; overflow:hidden; text-align:center;} #Content .slide_banner .divbox{ width:100%; padding:0; position:relative; line-height:0; overflow:hidden;} #Content .slide_banner .divbox a, #Content .slide_banner .divbox .w_2_1{width:100%; display:block; padding-bottom:39%; position:relative;} #Content .slide_banner .divbox video{opacity:0;} #Content .slide_banner .divbox.slick-slide video{opacity:1;} #Content .slide_banner img{ width:100%; height:100%; position:absolute; left:0; top:0;} #Content .slide_banner video, #Content .slide_banner source{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:fill; z-index:33;} #Content .slide_banner .slick-dots{ height:10px; bottom:30px; z-index:20;} #Content .slide_banner .slick-dots li{ background:#fff; width:10px; height:10px; margin:0 5px; border-radius:10px; background:#fff; text-indent:-9999px; overflow:hidden; vertical-align:top; opacity:0.6; filter:alpha(opacity=60); -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content .slide_banner .slick-dots li.slick-active{ width:64px; opacity:1; filter:alpha(opacity=100); } #Content .slide_banner .slick-dots li.slick-active{ width:64px; opacity:1; filter:alpha(opacity=100); } #Content .slide_banner .slick-prev{ width:50px; height:50px; background:url(/template/theme/CN/4041_y_xmxx8.png) center no-repeat rgba(0,0,0,0.5); border-radius:50%; background-size: auto 50%;} #Content .slide_banner .slick-next{ width:50px; height:50px; background:url(/template/theme/CN/4041_y_xmxx9.png) center no-repeat rgba(0,0,0,0.5);border-radius:50%; background-size: auto 50%;} #Content .slide_banner .slick-prev:hover, #Content .slide_banner .slick-next:hover{ opacity:0.6;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content .slide_banner .slick-dots{ bottom:20px;} #Content .slide_banner .slick-dots li.slick-active{ width:32px;} #Content .slide_banner .slick-prev{ width:24px; height:24px;} #Content .slide_banner .slick-next{ width:24px; height:24px;} } @media screen and (max-width:768px){ /*#Content .slide_banner .slick-slide{ padding-bottom:5.68%;}*/ #Content .slide_banner .divbox a, #Content .slide_banner .divbox .w_2_1_wap{width:100%; display:block; padding-bottom:62.5%; position:relative;} } #Content2 .hNews{ float:left; width:100%; position:relative; margin:35px 0;} #Content2 .hNews:after{ float:left; width:1px; height:90%; position:absolute; left:50%; top:5%; content:''; background:#e9e9e9;} #Content2 .hNews1{ float:left; width:45.35%;} #Content2 .hNews1 .hd{ float:left; width:100%; height:45px; border-bottom:3px solid #f1f1f1;} #Content2 .hNews1 .hd li{ float:left; color:#333333; font-size:16px; line-height:42px; font-weight:bold; margin-right:29px; position:relative; cursor:pointer;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Content2 .hNews1 .hd li.on{ border-bottom:3px solid #d61518;} #Content2 .hNews1 .bd{ float:left; width:100%; margin-top:5px;} #Content2 .hNews1 .bd ul{ float:left; width:100%; height:120px; overflow:hidden;} #Content2 .hNews1 .bd ul li{ float:left; width:100%; margin-top:6px;} #Content2 .hNews1 .bd ul li a{ float:left; width:100%; position:relative; color:#555555; font-size:14px; line-height:24px; padding-right:80px;} #Content2 .hNews1 .bd ul li a time{ float:left; color:#999999; font-weight:bold; position:absolute; right:0; top:0;} #Content2 .hNews2{ float:right; width:45.35%;} #Content2 .hNews2 .tit1{ float:left; width:100%; color:#d61518; font-size:24px; line-height:34px; font-weight:bold; letter-spacing:1px;} #Content2 .hNews2 .tit1 span{ font-size:30px; text-transform:uppercase; margin-right:8px;} #Content2 .hNews2 .info{ float:left; width:100%; color:#555555; font-size:14px; line-height:24px; height:70px; overflow:hidden; letter-spacing:1px; margin:20px 0;} #Content2 .hNews2 .more{ float:left; width:100%;} #Content2 .hNews2 .more a{ float:left; color:#d61518; font-size:14px; line-height:24px; letter-spacing:1px;} #Content2 .hNews2 .more a:hover{ text-decoration:underline;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content2 .hNews{ margin:20px 0;} #Content2 .hNews1 .hd{ height:35px; border-bottom:2px solid #f1f1f1;} #Content2 .hNews1 .hd li{ line-height:26px; padding-bottom:7px; margin-right:15px;} #Content2 .hNews1 .hd li.on{ border-bottom:2px solid #d61518;} #Content2 .hNews1 .bd{ margin-top:10px;} #Content2 .hNews1 .bd ul{ height:96px;} #Content2 .hNews1 .bd ul li{ margin-top:0;} #Content2 .hNews1 .bd ul li a time{ font-size:13px;} #Content2 .hNews2 .tit1{ font-size:18px; line-height:28px;} #Content2 .hNews2 .tit1 span{ font-size:22px; margin-right:4px;} #Content2 .hNews2 .info{ margin:8px 0;} } @media screen and (max-width:768px){ #Content2 .hNews:after{ display:none;} #Content2 .hNews1{ width:100%;} #Content2 .hNews2{ width:100%; margin-top:12px;} #Content2 .hNews2 .info{ margin:5px 0 8px 0;} } #Content3 .hCont1{ float:left; width:100%; overflow:hidden !important;} #Content3 .subjects {height:240px;} #Content3 .subjects .g-wrap{ position:relative; height:100%;} #Content3 .subjects .g-wrap a {position:absolute; top:0; width:46.66%; height:100%; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;} #Content3 .subjects .g-wrap .item-1 { z-index:1; background-color:#f4ebdf;} #Content3 .subjects .g-wrap .item-2 { z-index:2; background-color:#ffb55c;} #Content3 .subjects .g-wrap .item-3 { z-index:3; background-color:#d61518;} #Content3 .subjects .g-wrap .item-4 { z-index:4; background-color:#2f3177;} #Content3 .subjects .g-wrap .item-4:after{ float:left; width:100%; height:100%; position:absolute; left:100%; top:0; content:''; background-color:#2f3177;} #Content3 .subjects .g-wrap .p2 {position:absolute; z-index:6; float:left; line-height:0; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;} #Content3 .subjects .g-wrap .p1{ position:absolute; z-index:16; float:left; left:0; top:22%; padding:0 6.12%; width:47%;} #Content3 .subjects .g-wrap .tit1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold;} #Content3 .subjects .g-wrap .tit2{ float:left; width:100%; color:#fff; font-size:20px; line-height:28px; text-transform:uppercase;opacity:0.6; filter:alpha(opacity=60); margin-top:9px;} #Content3 .subjects .g-wrap .tit3{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px; text-transform:uppercase;opacity:0.6; filter:alpha(opacity=60); } /*#Content3 .subjects*/ #Content3 .subjects .g-wrap .item-1 .tit1{ color:#333333;} #Content3 .subjects .g-wrap .item-1 .tit2{ color:#b3a391;} #Content3 .subjects .g-wrap .item-1 .p1{ left:6.7%;} #Content3 .subjects .g-wrap .item-1 .p2{ margin-left:-39.8%;} /* 逐个出现 */ #Content3 .subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;} #Content3 .subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;} #Content3 .subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;} /* 没有指向 */ #Content3 .subjects .state-0 .item-1 { left:0;} #Content3 .subjects .state-0 .item-2 {left:28%;} #Content3 .subjects .state-0 .item-3 {left:50%;} #Content3 .subjects .state-0 .item-4 {left:72%;} /* 指向第一个 */ #Content3 .subjects .state-1 .item-1 { left:0;} #Content3 .subjects .state-1 .item-2 {left:28%;} #Content3 .subjects .state-1 .item-3 {left:50%;} #Content3 .subjects .state-1 .item-4 {left:72%;} /* 指向第二个 */ #Content3 .subjects .state-2 .item-1 { left:0;} #Content3 .subjects .state-2 .item-2 {left:22%;} #Content3 .subjects .state-2 .item-3 {left:68%;} #Content3 .subjects .state-2 .item-4 {left:90%;} /* 指向第三个 */ #Content3 .subjects .state-3 .item-1 { left:0;} #Content3 .subjects .state-3 .item-2 {left:22%;} #Content3 .subjects .state-3 .item-3 {left:44%;} #Content3 .subjects .state-3 .item-4 {left:90%;} /* 指向第四个 */ #Content3 .subjects .state-4 .item-1 { left:0;} #Content3 .subjects .state-4 .item-2 {left:22%;} #Content3 .subjects .state-4 .item-3 {left:44%;} #Content3 .subjects .state-4 .item-4 {left:66%;} /* 滑块 end */ #Content3 .subjects .g-wrap1 .p1{ float:left; width:100%;} #Content3 .subjects .g-wrap1 .tit1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold;} #Content3 .subjects .g-wrap1 .tit2{ float:left; width:100%; color:#fff; font-size:20px; line-height:28px; text-transform:uppercase;opacity:0.6; filter:alpha(opacity=60); margin-top:9px;} #Content3 .subjects .g-wrap1 .tit3{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px; text-transform:uppercase;opacity:0.6; filter:alpha(opacity=60); } @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #Content3 .subjects{ height:230px;} #Content3 .subjects .g-wrap .item-1 .p1{ left:0;} #Content3 .subjects .g-wrap .p1{ top:18%; padding:0 5%; width:52%;} #Content3 .subjects .g-wrap .tit1{ font-size:18px; line-height:28px;} #Content3 .subjects .g-wrap .tit2{ font-size:16px; line-height:26px; margin-top:6px;} #Content3 .subjects .g-wrap .tit3{ font-size:12px; line-height:20px; } } @media screen and (max-width:1024px){ #Content3 .subjects{ height:177px;} #Content3 .subjects .g-wrap .p1{ top:10%; padding:0 5%; width:52%;} } @media screen and (max-width:768px){ #Content3 .subjects{ height:auto;} #Content3 .subjects .g-wrap{ margin:0 -15px;} #Content3 .subjects .g-wrap a{ position:relative; left:0 !important; top:0; float:left; width:50%;} #Content3 .subjects .g-wrap .p1{ position:relative; top:0; padding:30px 15px; width:100%; height:160px;} #Content3 .subjects .g-wrap .p2{ position:absolute; top:0 !important; left:0 !important; width:100%; margin:0 !important;} #Content3 .subjects .g-wrap .p2 img{ height:160px; max-width:inherit;} #Content3 .subjects .g-wrap .tit2{ font-size:14px; line-height:24px; margin-top:4px;} } #Content4{ width: 100%; float: left;} #Content4 .pz_banner{ margin-top: 90px; width: 100%; position: relative;} #Content4 .zy_banner{ width: 100%; line-height: 0; position:relative;} #Content4 .zy_banner img{ width: 100%;} #Content4 .zy_banner .title{ float:left; width:100%; position:absolute; left:0; bottom:17%; z-index:16;} #Content4 .zy_banner .title .tit{ float:left; width:100%; color:#fff; text-align:right; font-size:48px; line-height:48px; text-transform:uppercase; font-weight:bold; letter-spacing:4px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content4 .pz_banner{ margin-top:60px;} #Content4 .zy_banner .title .tit{ font-size:18px; line-height:18px; letter-spacing:1px;} } @media screen and (max-width:768px){ } #Content5{ width: 100%; float: left;} #Content5 .subNav{ width: 100%; float: left; height: 59px; line-height: 59px; border-bottom: 2px solid #f4f4f4;} #Content5 .subNav .ico{ float: left; width: 59px; height: 59px; background: url(/template/theme/CN/4028_y_sub.png) no-repeat center; background-size: 10px 10px; background-color: #f4f4f4;} #Content5 .subNav .mbx{ margin-left: 28px; float: left;} #Content5 .subNav .mbx .a{ float: left; font-size: 12px; margin-right: 20px; font-weight: bold; color: #888; position: relative;} #Content5 .subNav .mbx .a::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 4px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #888; position: absolute; top: 50%; right: -15px; margin-top: -4px;} #Content5 .subNav .mbx .a:last-child:after{ display: none;} #Content5 .subNav .mbx .a.on,#Content5 .subNav .mbx .a:hover{ color: #1d2088;} #Content5 .subNav .list{ float: right;} #Content5 .subNav .list .l1{ float: left; margin-left: 20px; line-height: 56px; position: relative;} #Content5 .subNav .list .l1.on::after,#Content5 .subNav .list .l1:hover::after{ content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #d61518; bottom: -2px; left: 0;} #Content5 .subNav .list .l1 a{ font-size: 12px; font-weight: bold; color: #888;} #Content5 .subNav .list .l1.on a,#Content5 .subNav .list .l1:hover a{ color: #d61518;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content5 .subNav{ height: 33px; line-height: 33px;} #Content5 .subNav .ico{ width: 33px; height: 33px;} #Content5 .subNav .mbx{ margin-left: 5px;} #Content5 .subNav .mbx .a{ margin-right: 10px;} #Content5 .subNav .mbx .a::after{ right: -12px;} #Content5 .subNav .list .l1{ line-height:30px; margin-left:10px;} } @media screen and (max-width:768px){ #Content5 .subNav .mbx{ display:none;} } #Content6 .about1{ float:left; width:100%; position:relative; padding:46px 0 85px 0;} #Content6 .about1:after{ float:left; width:2px; height:100%; position:absolute; left:29.7%; top:0; content:''; background:#f4f4f4;} #Content6 .about1 .cont1{ float:left; width:25.42%; position:relative; padding-left:9.57%;} #Content6 .about1 .cont1 .line1{ float:left; width:119px; height:119px; background:#d61518; border-radius:50%; opacity:0.1; filter:alpha(opacity=10); position:absolute; left:0; top:8px; z-index:1;} #Content6 .about1 .cont1 .line2{ float:left; width:82px; height:82px; background:#312f8e; border-radius:50%; opacity:0.1; filter:alpha(opacity=10); position:absolute; left:91px; top:0; z-index:2;} #Content6 .about1 .cont1 .info1{ float:left; width:100%; color:#dfdfdf; font-size:14px; line-height:18px; font-weight:bold; text-transform:uppercase; margin:23px 0 14px 0; letter-spacing:2px; position:relative; z-index:3;} #Content6 .about1 .cont1 .info2{ float:left; width:100%; color:#d61518; font-size:28px; line-height:36px; letter-spacing:5px; position:relative; z-index:3;} #Content6 .about1 .cont2{ float:right; width:66%; margin-top:19px;} #Content6 .about1 .cont2 .info1{ float:left; width:100%; color:#d61518; font-size:22px; line-height:32px; font-weight:bold;} #Content6 .about1 .cont2 .info2{ float:left; width:100%; color:#f0f0f0; font-size:60px; line-height:70px; text-transform:uppercase; font-weight:bold; margin:4px 0 28px 0;} #Content6 .about1 .cont2 .info3{ float:left; width:100%; color:#555555; font-size:14px; line-height:28px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #Content6 .about1 .cont1{ padding-left:5%;} #Content6 .about1 .cont1 .line1{ width:90px; height:90px;} #Content6 .about1 .cont1 .line2{ width:62px; height:62px; left:70px;} #Content6 .about1 .cont1 .info1{ letter-spacing:1px; margin:20px 0 8px 0;} #Content6 .about1 .cont1 .info2{ font-size:24px; line-height:32px;} } @media screen and (max-width:1024px){ #Content6 .about1{ padding:30px 0 40px 0;} #Content6 .about1:after{ display:none;} #Content6 .about1 .cont1{ width:100%; border-bottom:2px solid #f4f4f4; padding:0 0 20px 30px;} #Content6 .about1 .cont1 .info2{ font-size:20px; line-height:28px;} #Content6 .about1 .cont2{ width:100%; margin-top:15px;} #Content6 .about1 .cont2 .info1{ font-size:18px; line-height:28px;} #Content6 .about1 .cont2 .info2{ font-size:32px; line-height:42px; margin:4px 0 10px 0;} } @media screen and (max-width:768px){ } #Content7 .about2{ float:left; width:100%; position:relative; padding:55px 0 80px 0;} #Content7 .about2:after{ float:left; width:2px; height:100%; position:absolute; left:29.7%; top:0; content:''; background:#f4f4f4;} #Content7 .about2 .cont1{ float:left; width:25.42%; position:relative;} #Content7 .about2 .cont1 .info1{ float:left; width:100%; color:#f0f0f0; font-size:52px; line-height:60px; font-weight:bold; text-transform:uppercase; letter-spacing:0; position:relative; z-index:3; word-break:break-all;} #Content7 .about2 .cont1 .info2{ float:left; width:100%; line-height:0; margin-top:35px;} #Content7 .about2 .cont2{ float:right; width:66%; overflow:hidden;} #Content7 .about2 .cont2 .info1{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px; border-bottom:2px solid #f4f4f4; padding-bottom:25px; letter-spacing:4px;} #Content7 .about2 .cont2 .info1 .sp{ float:right; color:#d61518; font-size:22px; font-weight:bold; line-height:32px; margin-top:14px;} #Content7 .about2 .cont2 .info2{ float:left; width:100%; color:#555555; font-size:18px; line-height:32px; font-weight:bold; margin:23px 0 16px 0;} #Content7 .about2 .cont2 .info3{ float:left; width:100%; color:#555555; font-size:14px; line-height:28px;} #Content7 .about2 .cont2 .info4{ float:left; width:100%; color:#555555; font-size:14px; line-height:28px; margin-top:59px; text-align:right; position:relative;} #Content7 .about2 .cont2 .info4 .sp{ float:right; position:relative; padding:0 133px 0 24px;} #Content7 .about2 .cont2 .info4 .sp:after{ float:left; width:1400px; height:2px; position:absolute; right:100%; top:50%; margin-top:-1px; height:2px; background:#f4f4f4; content:'';} #Content7 .about2 .cont2 .info4 .ico{ position:relative; position:absolute; right:0; top:50%; width:112px; height:37px; margin-top:-19px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #Content7 .about2 .cont1 .info1{ font-size:32px; line-height:40px; letter-spacing:1px;} #Content7 .about2 .cont2 .info1{ font-size:24px; line-height:34px;} #Content7 .about2 .cont2 .info1 .sp{ font-size:18px; line-height:28px; margin-top:6px;} } @media screen and (max-width:1024px){ #Content7 .about2{ padding:30px 0 40px 0;} #Content7 .about2:after{ display:none;} #Content7 .about2 .cont1{ width:100%;} #Content7 .about2 .cont1 .info1{ font-size:26px; line-height:34px; letter-spacing:1px;} #Content7 .about2 .cont1 .info2{ width:200px; margin-top:15px;} #Content7 .about2 .cont2{ width:100%; margin-top:20px;} #Content7 .about2 .cont1 .info1{ font-size:32px; line-height:40px; letter-spacing:1px;} #Content7 .about2 .cont2 .info1{ font-size:24px; line-height:34px;} #Content7 .about2 .cont2 .info1 .sp{ font-size:18px; line-height:28px; margin-top:6px;} #Content7 .about2 .cont2 .info4{ margin-top:30px;} } @media screen and (max-width:768px){ #Content7 .about2 .cont1 .info1{ font-size:26px; line-height:34px;} #Content7 .about2 .cont2 .info1{ font-size:20px; line-height:30px; letter-spacing:2px; padding-bottom:16px;} #Content7 .about2 .cont2 .info1 .sp{ font-size:18px; line-height:28px; margin-top:4px; float:left; display:block; letter-spacing:2px;} #Content7 .about2 .cont2 .info2{ margin:20px 0 10px 0;} #Content7 .about2 .cont2 .info4 .sp{ padding:0 0 0 24px;} #Content7 .about2 .cont2 .info4 .sp:after{ display:none;} #Content7 .about2 .cont2 .info4 .ico{ position:static; margin-top:10px;} } /*about3*/ #Content8 .about3{ float:left; width:100%; position:relative; margin:60px 0 72px 0; } #Content8 .about3:after{ float:left; width:100%; height:569px; position:absolute; left:0; top:0; content:''; background:url(/template/theme/CN/4031_about7.png) center top no-repeat; z-index:1;} #Content8 .about3 .ul1{ margin:0 -14px; position:relative; z-index:6;} #Content8 .about3 .l1{ float:left; width:25%; padding:0 14px;} #Content8 .about3 .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden; } #Content8 .about3 .l1 .info{ float:left; width:100%; padding-left:25px; margin-top:80px;} #Content8 .about3 .l1 .ico{ float:left; width:100px; height:100px; border-radius:50%; background:#fff; box-shadow:0 0 12px rgba(171,171,171,0.38); margin-left:15px; text-align:center; color:#fff; font-size:18px; line-height:28px; font-weight:bold; font-family:Arial; padding:10px; position:relative;} #Content8 .about3 .l1 .ico:after{ float:left; width:68px; height:90px; position:absolute; left:-40px; top:100%; margin-top:-4px; content:''; background:url(/template/theme/CN/4031_about8.png) left bottom no-repeat;} #Content8 .about3 .l1 .ico i{ float:left; width:80px; height:80px; border:1px solid #fff; background:#d61518; border-radius:50%; position:relative; padding-top:12px; box-shadow:0 0 12px rgba(171,171,171,0.38);} #Content8 .about3 .l1 .ico i:after{ float:left; width:14px; height:1px; background:#ffffff; position:absolute; left:50%; top:50%; content:''; margin-left:-7px;} #Content8 .about3 .l1 .p1{ float:left; width:100%; color:#d61518; font-size:18px; line-height:28px; font-weight:bold; margin-top:67px;} #Content8 .about3 .l1 .p2{ float:left; width:100%; color:#555555; font-size:14px; line-height:30px; margin-top:17px;} #Content8 .about3 .l1:nth-child(1){ margin-top:140px;} #Content8 .about3 .l1:nth-child(1) .info{ margin-top:42px;} #Content8 .about3 .l1:nth-child(2){ margin-top:157px;} #Content8 .about3 .l1:nth-child(3){ margin-top:100px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #Content8 .about3:after{ top:-110px;} #Content8 .about3 .l1:nth-child(1){ margin-top:120px;} #Content8 .about3 .l1:nth-child(2){ margin-top:107px;} #Content8 .about3 .l1:nth-child(3){ margin-top:60px;} } @media screen and (max-width:1024px){ #Content8 .about3{ margin:20px 0 40px 0;} #Content8 .about3:after{ display:none;} #Content8 .about3 .ul1{ margin:0 -7px; } #Content8 .about3 .l1{ padding:25px 7px; width:100%; position:relative; border-bottom:1px dashed #d9d9d9;} #Content8 .about3 .l1:nth-child(1){ margin-top:0;} #Content8 .about3 .l1:nth-child(1) .info{ margin-top:0;} #Content8 .about3 .l1:nth-child(2){ margin-top:0;} #Content8 .about3 .l1:nth-child(3){ margin-top:0;} #Content8 .about3 .l1 .info{ margin-top:0; padding-left:18px;} #Content8 .about3 .l1 .ico{ margin-left:0; width:80px; height:80px; padding:5px; font-size:14px; line-height:22px;} #Content8 .about3 .l1 .ico:after{ height:45px; left:-18px; margin-top:-10px;} #Content8 .about3 .l1 .ico i{ width:70px; height:70px;} #Content8 .about3 .l1 .img{ width:120px; height:80px; position:absolute; left:120px; top:25px;} #Content8 .about3 .l1 .p1{ margin-top:12px;} #Content8 .about3 .l1 .p2{ line-height:26px; margin-top:8px;} } @media screen and (max-width:768px){ } #List .about4{ float:left; width:100%; padding:20px 0 80px 0; overflow:hidden;} #List .about4 .ul1{ float:left; width:100%;} #List .about4 .l1{ float:left; width:100%;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List .about4 .l1:hover{ background:#f4f4f4;} #List .about4 .la{ float:left; width:100%; position:relative; min-height:100px;} #List .about4 .la .num{ float:left; width:23%; padding-left:9%; text-align:center; color:#d61518; font-size:36px; line-height:40px; font-weight:bold; font-family:Arial; margin-top:30px; position:relative; z-index:10;} #List .about4 .la .num:after{ float:left; width:3px; height:28px; position:absolute; left:100%; top:50%; margin-top:-14px; background:#d61518; content:'';} #List .about4 .la .info{ float:left; width:77%; border-left:2px solid #f4f4f4; border-bottom:1px dashed #d9d9d9; color:#555555; font-size:14px; line-height:24px; padding:34px 0 28px 5%; position:relative; z-index:6;} #List .about4 .la .p1{ float:left; width:100%; padding-left:23px; position:relative; margin:7px 0;} #List .about4 .la .p1:after{ float:left; width:10px; height:14px; position:absolute; left:0; top:5px; content:''; background:url(..//template/theme/CN/4032_about9.png) center no-repeat; background-size:100% 100%;} #List .about4 .l1:first-child .la .info:after{ float:left; width:2px; height:20px; content:''; position:absolute; left:-2px; bottom:100%; content:''; background:#f4f4f4;} #List .about4 .l1:last-child .la .info:after{ float:left; width:2px; height:120px; content:''; position:absolute; left:-2px; top:100%; content:''; background:#f4f4f4;} #List .about4 .more{ float:left; width:40px; height:40px; border-radius:50%; background:#1d2088; line-height:0; margin-left:23%; position:relative; left:-20px; top:40px; z-index:10;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #List .about4 .la .num{ padding-left:5%;} } @media screen and (max-width:1024px){ #List .about4{ padding:10px 0 40px 0;} #List .about4 .la{ min-height:60px;} #List .about4 .la .num{ padding-left:0; font-size:22px; line-height:30px; margin-top:15px;} #List .about4 .la .num:after{ height:16px; margin-top:-8px;} #List .about4 .la .info{ padding:14px 0 14px 5%; } #List .about4 .la .p1{ margin:3px 0; padding-left:20px;} #List .about4 .more{ width:30px; height:30px; left:-15px; top:20px;} } @media screen and (max-width:768px){ } #Content9 .about5{ float:left; width:100%; background:#f6f6f6; padding:72px 0 80px 0; margin-bottom:2px;} #Content9 .about5 .title1{ float:left; width:100%; margin-bottom:18px; color:#333333; font-size:30px; line-height:40px; letter-spacing:2px;} #Content9 .about5 .title1 .sp{ margin-left:10px; color:#d61518; font-size:14px; text-transform:uppercase;} #Content9 .about5 .ul1{ margin:0 -14px;} #Content9 .about5 .l1{ padding:0 14px;} #Content9 .about5 .la{ float:left; width:100%; position:relative; overflow:hidden;} #Content9 .about5 .la .bg{ float:left; width:100%; height:100%; background:#000;opacity:0.4; filter:alpha(opacity=40); position:absolute; left:0; top:100%; z-index:6; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content9 .about5 .la .info{ float:left; width:100%; position:absolute; left:0; top:150%; z-index:8; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); text-align:center; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; padding:0 15px;} #Content9 .about5 .la .info .img{ float:left; width:100%; line-height:0;} #Content9 .about5 .la .info .p1{ float:left; width:100%; line-height:28px; font-size:16px; color:#fff;} #Content9 .about5 .la .info .ico{ float:left; width:100%; line-height:0; margin:19px 0 6px 0;} #Content9 .about5 .la .info .ico img{ width:50px; height:50px; background:#d61518; border-radius:50%;} #Content9 .about5 .slick-dots{ padding:0 14px; bottom:auto; top:-44px; text-align:right; height:10px;} #Content9 .about5 .slick-dots li{ display:inline-block; vertical-align:top; width:10px; height:10px; background:#e5e5e5; border-radius:50%; margin:0 0 0 10px;} #Content9 .about5 .slick-dots li.slick-active{ background:#d61518;} #Content9 .about5 .la:hover .bg{top:0;} #Content9 .about5 .la:hover .info{top:50%;} #Content9 .zhengshu1{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(0,0,0,0.7);} #Content9 .zhengshu1 .cont{ float:left; width:800px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} #Content9 .zhengshu1 .guanbi{ float:left; color:#fff; font-size:50px; line-height:40px; position:absolute; left:100%; margin-left:10px; top:0; transform:rotate(45deg); -webkit-transform:rotate(45deg);} @media screen and (max-width:1430px){ #Content9 .zhengshu1 .cont{ width:620px;} } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content9 .about5{ padding:30px 0 40px 0;} #Content9 .about5 .title1{ margin-bottom:12px; font-size:18px; line-height:28px; letter-spacing:1px;} #Content9 .about5 .title1 .sp{ margin-left:5px; font-size:12px; } #Content9 .about5 .ul1{ margin:0 -7px;} #Content9 .about5 .l1{ padding:0 7px;} #Content9 .about5 .la .info .p1{ line-height:24px; font-size:14px; } #Content9 .about5 .la .info .ico{ margin:10px 0 5px 0;} #Content9 .about5 .la .info .ico img{ width:36px; height:36px;} #Content9 .about5 .slick-dots{ padding:0 7px; bottom:auto; top:-26px;} #Content9 .about5 .slick-dots li{ margin:0 5px;} #Content9 .zhengshu1 .cont{ width:80%;} #Content9 .zhengshu1 .guanbi{ font-size:36px; line-height:26px; } } @media screen and (max-width:768px){ #Content9 .about5 .slick-dots{ padding:0 7px; position:static; text-align:center; margin-top:20px;} } #List2 .slideTit{ float:left; width:100%; margin-top:60px; background:#f4f4f4; color:#666666; font-size:12px; line-height:30px; padding:5px 7px;} #List2 .slideTit a{ color:#666666; float:left; margin:0 14px;} #List2 .slideTit a.on{ color:#d61518;} #List2 .newsList1{ float:left; width:100%; margin-top:40px;} #List2 .newsList1 .li{ float:left; width:100%;} #List2 .newsList1 .l1{ float:left; width:40.5%; height:378px; line-height:0; overflow:hidden;} #List2 .newsList1 .l1 img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List2 .newsList1 .li:hover .l1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List2 .newsList1 .info{ float:right; width:56.57%;} #List2 .newsList1 .time{ float:left; width:100%; color:#4d4d4d; font-size:24px; height:60px; line-height:60px; margin-top:19px;} #List2 .newsList1 .time time{ display:inline-block; font-size:72px; font-weight:bold; font-family:Arial; color:#c2c2c2; padding-right:10px;} #List2 .newsList1 .tit{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; margin:21px 0 18px 0;} #List2 .newsList1 .cont{ float:left; width:100%; color:#666666; font-size:16px; line-height:32px; height:96px; overflow:hidden;} #List2 .newsList1 .lin{ float:left; width:100%; height:1px; border-bottom:1px dotted #cccccc; margin:47px 0 25px 0;} #List2 .newsList1 .more{ float:left; padding-right:27px; background:url(..//template/theme/CN/4034_new7.png) right center no-repeat; color:#666666; font-size:16px; line-height:26px;} #List2 .newsList1 .slick-dots{ width:auto; left:auto; right:0; top:325px;} #List2 .newsList1 .slick-dots li{ margin-left:10px; width:11px; height:11px; border-radius:50%; text-indent:-999px; overflow:hidden; background:#fff; border:1px solid #d61518;} #List2 .newsList1 .slick-dots li.slick-active{ background:#d61518;} #List2 .newsList1 .li:hover .tit{ color:#d61518;} #List2 .newsList1 .li:hover .more{ color:#d61518; background:url(..//template/theme/CN/4034_new8.png) right center no-repeat;} #List2 .newsList2{ float:left; width:100%; margin:36px 0 20px 0; overflow:hidden; position:relative; z-index:6; border-top:1px solid #eaeaea;} #List2 .newsList2 ul{ margin:0 -36px;display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #List2 .newsList2 li{ float:left; width:33.333%; padding:36px; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;} #List2 .newsList2 li a{ float:left; width:100%; background:#fff;} #List2 .newsList2 li a .img{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:66.74%;} #List2 .newsList2 li a .img img{ float:left; width:100%; position:absolute; left:0; top:0; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List2 .newsList2 li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List2 .newsList2 li a .info{ float:left; width:100%;} #List2 .newsList2 li a .info time{ float:left; width:100%;color:#9f9f9f; font-size:16px; line-height:34px; height:34px; font-family:Arial;} #List2 .newsList2 li a .info time .day{ color:#9e9e9e; font-size:36px; margin-right:12px;} #List2 .newsList2 li a .info .p1{ float:left; width:100%; color:#333333; font-size:18px; line-height:30px; height:60px; overflow:hidden; margin:24px 0 19px 0;} #List2 .newsList2 li:hover a .info .p1{ color:#d61518; text-decoration:underline;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #List2 .newsList1 .l1{ height:268px;} #List2 .newsList1 .time{ font-size:18px; height:50px; line-height:50px; margin-top:10px;} #List2 .newsList1 .time time{ font-size:62px; padding-right:8px;} #List2 .newsList1 .tit{ font-size:18px; line-height:28px; margin:15px 0 10px 0;} #List2 .newsList1 .cont{ font-size:14px; line-height:26px; height:78px; overflow:hidden;} #List2 .newsList1 .lin{ margin:24px 0 13px 0;} #List2 .newsList1 .more{ font-size:16px; line-height:26px;} #List2 .newsList1 .slick-dots{ width:auto; left:auto; right:0; top:230px;} #List2 .newsList2 ul{ margin:0 -25px;} #List2 .newsList2 li{ padding:25px;} #List2 .newsList2 li a .info .p1{ font-size:16px; line-height:28px; height:56px; overflow:hidden; margin:16px 0 10px 0;} #List2 .newsList2 li a .info time .day{ font-size:30px;} } @media screen and (max-width:1024px){ #List2 .slideTit{ margin-top:30px; padding:0 12px;} #List2 .slideTit a{ margin:0 8px;} #List2 .newsList1{ margin-top:20px;} #List2 .newsList1 .l1{ height:199px;} #List2 .newsList1 .time{ font-size:16px; height:40px; line-height:40px; margin-top:5px;} #List2 .newsList1 .time time{ font-size:48px; padding-right:5px;} #List2 .newsList1 .tit{ font-size:17px; line-height:27px; margin:10px 0 5px 0;} #List2 .newsList1 .cont{ font-size:14px; line-height:24px; height:48px; overflow:hidden;} #List2 .newsList1 .lin{ margin:15px 0 10px 0;} #List2 .newsList1 .more{ font-size:16px; line-height:26px;} #List2 .newsList1 .slick-dots{ width:auto; left:auto; right:0; top:170px;} #List2 .newsList2{ margin:18px 0 0 0;} #List2 .newsList2 ul{ margin:0 -12px;} #List2 .newsList2 li{ padding:12px;} #List2 .newsList2 li a .info .p1{ font-size:14px; line-height:24px; height:48px; margin:12px 0 4px 0;} #List2 .newsList2 li a .info time{ font-size:14px; line-height:26px; height:26px; } #List2 .newsList2 li a .info time .day{ font-size:24px; margin-right:6px;} } @media screen and (max-width:768px){ #List2 .newsList1 .l1{ width:100%;} #List2 .newsList1 .info{ width:100%; margin-top:15px;} #List2 .newsList1 .slick-dots{ width:auto; left:auto; right:0; top:auto; bottom:4px;} #List2 .newsList1 .more{ font-size:14px;} #List2 .newsList2 li{ width:100%;} } #Pagination{ width: 100%; float: left;} #Pagination .wack1{ float: left; width: 100%; text-align: center;} #Pagination .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #Pagination .pz_fy a { float: left; width: 38px; height: 38px; line-height: 38px; border: 1px solid #e2e2e2; color: #999999; font-size: 14px; font-family: Arial; margin: 0 5px;} #Pagination .pz_fy a:hover,#Pagination .pz_fy a.on { background: #d61518; border: 1px solid #d61518; color: #fff; border: transparent;} #Pagination .pz_fy .l2{ width: 100px;} #Pagination .pz_fy .r2{ width: 100px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Pagination .fy_pc{ text-align: center; font-size: 14px; color: #272727; padding: 5px 0;} #Pagination .fy_pc a{ padding: 5px 25px; background: #d61518; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;} #Pagination .fy_pc span{ padding: 5px 20px; color: #272727;} } @media screen and (max-width:768px){ } .bsBox{ box-sizing:content-box;} #Subpage .slideTit{ float:left; width:100%; margin-top:60px; background:#f4f4f4; color:#666666; font-size:12px; line-height:30px; padding:5px 7px;} #Subpage .slideTit a{ color:#666666; float:left; margin:0 14px;} #Subpage .slideTit a.on{ color:#d61518;} #Subpage .pageLeftInfo{float: left; width:100%; margin:43px 0 75px 0; padding:0 8.5%;} #Subpage .pageLeftInfo h2{float: left; width: 100%; color:#333333; font-weight: bolder; font-size: 24px; line-height:34px; text-align:center;} #Subpage .pageLeftInfo .dTime{float: left; width: 100%; color:#888888; font-size:14px; line-height:24px; text-align:center; margin-top:9px;} #Subpage .pageLeftInfo .dTime img{vertical-align: middle; margin-top: -2px;} #Subpage .pageLeftInfo .newsWords{float: left; width: 100%; margin:39px 0 0 0; color:#666666; font-size: 16px; line-height:30px; } #Subpage .pageLeftInfo .caseShare{float: left; width: 100%; text-align: center; margin:42px 0 60px 0;} #Subpage .pageLeftInfo .caseShare .bshare-custom.icon-medium a{width: 31px!important;height: 31px!important; margin-right:20px!important;} #Subpage .UP_DOWN{float: left; width: 100%; border-top:1px solid #dedede; padding-top: 25px;position: relative;} #Subpage .UP_DOWN a{ display:inline-block; color:#555555; font-size:16px; line-height:26px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} #Subpage .UP_DOWN a:hover{color:#f1ab40;} #Subpage .UP_DOWN .left{float: left; width: 50%; padding-right: 95px;} #Subpage .UP_DOWN .right{float: left; width: 50%; padding-left: 95px; text-align: right;} #Subpage .UP_DOWN .return{position: absolute; width: 148px; height: 20px; left: 50%; top:28px; margin-left: -74px; border-left: 1px dotted #b2b2b2;border-right: 1px dotted #b2b2b2; text-align:center;} #Subpage .pageLeftInfo .caseShare a{ display:inline-block;} #Subpage .pageLeftInfo .caseShare .bshare-weixin{background: url("/template/theme/CN/4036_proIn7.jpg")!important; background-size: 100%!important;} #Subpage .pageLeftInfo .caseShare .bshare-qqim{background: url("/template/theme/CN/4036_proIn8.jpg")!important; background-size: 100%!important;} #Subpage .pageLeftInfo .caseShare .bshare-qzone{background: url("/template/theme/CN/4036_proIn9.jpg")!important; background-size: 100%!important;} #Subpage .pageLeftInfo .caseShare .bshare-sinaminiblog{background: url("/template/theme/CN/4036_proIn10.jpg")!important; background-size: 100%!important;} #Subpage .pageLeftInfo .caseShare .bshare-toutiao{display: inline-block;width: 31px;height: 31px;margin-right: 20px;background: url("/template/theme/CN/4036_proIn11.jpg"); background-size: 100%;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #Subpage .pageLeftInfo{ padding:0;} #Subpage .pageNews{margin: 50px 0 65px 0;} } @media screen and (max-width:1024px){ #Subpage .slideTit{ margin-top:30px; padding:0 12px;} #Subpage .slideTit a{ margin:0 8px;} #Subpage .pageNews{margin:35px 0 40px 0;} #Subpage .pageLeftInfo{ margin:25px 0 40px 0;} #Subpage .pageLeftInfo h2{font-size:18px; line-height:28px;} #Subpage .pageLeftInfo .dTime{margin-top: 15px;} #Subpage .pageLeftInfo .newsWords{margin-top:18px; font-size:14px; line-height: 26px;} #Subpage .pageLeftInfo .caseShare{margin: 40px 0 25px 0;} #Subpage .UP_DOWN{padding-top:23px;} #Subpage .UP_DOWN a{font-size:14px;} #Subpage .UP_DOWN .return{top:23px;} } @media screen and (max-width:768px){ #Subpage .pageNews{margin: 25px 0;} #Subpage .pageLeftInfo .dTime{margin-top:10px; line-height:24px;} #Subpage .pageLeftInfo .caseShare{margin: 30px 0 25px 0;} #Subpage .pageLeftInfo .caseShare .bshare-custom.icon-medium a{ width: 25px!important; height: 27px!important;margin-right: 10px !important; } #Subpage .UP_DOWN{padding-top: 15px;} #Subpage .UP_DOWN a{line-height: 25px;} #Subpage .UP_DOWN .left{width: 100%; padding-right: 0} #Subpage .UP_DOWN .right{width: 100%; padding-left: 0; text-align: left;} #Subpage .UP_DOWN .return{position:static; float: left; width: 100%; top:0; border-top:1px dotted #b2b2b2; border-left: 0; border-right: 0; margin-left: 0; margin-top: 15px; padding-top: 10px; height: auto;} #Subpage .pageLeftInfo .newsWords video{max-width:100%;} } #List3 .shiping1{ float:left; width:100%; margin-top:32px;} #List3 .shiping1 .ul1{ margin:0 -14px;} #List3 .shiping1 .l1{ float:left; width:33.33%; padding:0 14px; margin-top:28px;} #List3 .shiping1 .la{ float:left; width:100%; position:relative; background:#000000; overflow:hidden;} #List3 .shiping1 .la .img{ float:left; width:100%; line-height:0;} #List3 .shiping1 .la .img img{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #List3 .shiping1 .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);opacity:0.3; filter:alpha(opacity=30);} #List3 .shiping1 .la .bg{ float:left; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:1; background:url(/template/theme/CN/4037_ship9.png) center bottom repeat-x;} #List3 .shiping1 .la .title{ float:left; width:100%; position:absolute; left:0; bottom:15px; z-index:6; text-align:center; color:#fff; font-size:16px; line-height:26px; padding:0 15px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List3 .shiping1 .la .ico{ float:left; width:62px; height:62px; position:absolute; left:50%; top:50%; margin:-31px 0 0 -31px; background:url(/template/theme/CN/4037_ship7.png) center no-repeat; background-size:100% 100%;} #List3 .shiping1 .la:hover .ico{ background:url(/template/theme/CN/4037_ship8.png) center no-repeat; background-size:100% 100%;} #List3 .shiping1 .la:hover .title{ bottom:50%; margin-bottom:-70px;} #List3 .shiping2{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:80; background:#000;opacity:0.4; filter:alpha(opacity=40);} #List3 .shiping3{ display:none; float:left; width:780px; position:fixed; left:50%; top:50%; z-index:88; transform:translate(-50%,-50%);} #List3 .shiping3 .cont{ float:left; width:100%; position:relative; padding:30px 30px 25px 30px; border-radius:12px; background:#fff;} #List3 .shiping3 .colse{ float:right; width:24px; height:24px; line-height:0; position:absolute; left:100%; top:9px; margin-left:21px; cursor:pointer;} #List3 .shiping3 .img{ float:left; width:100%; position:relative; line-height:0; padding-bottom:66.666%; overflow:hidden;} #List3 .shiping3 .img .pic{width:100%; position:absolute; left:0; top:0; height:100%;} #List3 .shiping3 .img .btn{ float:left; position:absolute; left:50%; top:50%; width:74px; height:74px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} #List3 .shiping3 .img .tit{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:26px; font-weight:bold; position:absolute; left:0; top:50%; text-align:center; margin-top:50px;} #List3 .shiping3 .img iframe{width:100%; height:100%; display:block;} #List3 .shiping3 .title{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; text-align:center; margin-top:25px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ #List3 .shiping1 .ul1{ margin:0 -10px;} #List3 .shiping1 .l1{ padding:0 10px; margin-top:20px;} } @media screen and (max-width:1024px){ #List3 .shiping1{ margin-top:20px;} #List3 .shiping1 .ul1{ margin:0 -6px;} #List3 .shiping1 .l1{ padding:0 6px; margin-top:14px;} #List3 .shiping1 .la .ico{ width:30px; height:30px; margin:-15px 0 0 -15px;} #List3 .shiping1 .la .title{ bottom:6px; font-size:14px; line-height:24px; padding:0 12px;} #List3 .shiping1 .la:hover .title{ margin-bottom:-45px;} #List3 .shiping3{ width:80%;} #List3 .shiping3 .cont{ padding:14px 14px 9px 14px; border-radius:6px;} #List3 .shiping3 .colse{ width:18px; height:18px; top:5px; margin-left:10px; } #List3 .shiping3 .img .btn{ width:36px; height:36px;} #List3 .shiping3 .img .tit{ font-size:14px; line-height:24px; margin-top:25px;} #List3 .shiping3 .title{ font-size:16px; line-height:26px; margin-top:10px;} } @media screen and (max-width:768px){ #List3 .shiping1 .l1{ width:100%;} #List3 .shiping3{ width:92%;} #List3 .shiping3 .colse{ top:-25px; margin-left:-20px; } } #List4{ width: 100%; float: left;} #List4 .xmlbList{ width: 100%; float: left;} #List4 .xmlbList1{ margin-bottom: 70px; width: 100%; float: left;} #List4 .xmlbList1 .img{ width: 100%; float: left; line-height: 0;} #List4 .xmlbList1 .text{ padding-left: 330px; width: 100%; float: left; position: relative;} #List4 .xmlbList1 .text .tp{ padding-top: 45px; width: 236px; height: 236px; position: absolute; top: -120px; left: 60px; background: #d61518; border-radius: 50%; text-align: center;} #List4 .xmlbList1 .text .ico{ display: inline-block; width: 76px; height: 76px; line-height: 0;} #List4 .xmlbList1 .text .wz{ margin-top: 12px; font-size: 18px; line-height: 24px; color: #fff;} #List4 .xmlbList1 .text .nr{ padding: 20px 20px 0 0; font-size: 16px; line-height: 30px; color: #666; text-align: justify;} #List4 .xmlbList2{ padding: 80px 0 60px 0; width: 100%; float: left; background: #f6f6f6; margin-bottom:2px;} #List4 .xmlbList2 .tit{ margin-bottom: 30px; width: 100%; float: left;} #List4 .xmlbList2 .tit .t1{ font-size: 30px; line-height: 32px; color: #333; float: left;} #List4 .xmlbList2 .tit .t2{ font-size: 14px; line-height: 16px; margin: 16px 0 0 10px; text-transform: uppercase; color: #d61518; float: left;} #List4 .xmlbList2 .list{ width: 100%; float: left;} #List4 .xmlbList2 .list .u1{ margin: -20px 0; float: left;} #List4 .xmlbList2 .list .l1{ margin: 20px 0; background: #fff; width: 100%; float: left;} #List4 .xmlbList2 .list .l1 .text{ padding: 60px; width: 58%; height: 100%; float: left;} #List4 .xmlbList2 .list .l1:nth-child(2n) .text{ float: right;} #List4 .xmlbList2 .list .l1:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);} #List4 .xmlbList2 .list .l1 .text .t1{ font-size: 30px; line-height: 32px; color: #d61518;} #List4 .xmlbList2 .list .l1 .text .info{ margin: 30px 0 35px 0; font-size: 16px; line-height: 32px; height: 160px; overflow: hidden; text-align: justify; color: #666;} #List4 .xmlbList2 .list .l1 .text .more{ font-size: 14px; color: #1d2088;} #List4 .xmlbList2 .list .l1 .text .more:hover{ text-decoration: underline;} #List4 .xmlbList2 .list .l1 .img{ width: 42%; float: right; position: relative; line-height: 0;} #List4 .xmlbList2 .list .l1:nth-child(2n) .img{ float: left;} #List4 .xmlbList2 .list .l1 .img .bd{ width: 100%; height: 100%;} #List4 .xmlbList2 .list .l1 .img .bd .u2{ line-height: 0;} #List4 .xmlbList2 .list .l1 .img .hd{ width: 100%; position: absolute; bottom: 20px; right: 20px;} #List4 .xmlbList2 .list .l1 .img .hd .l2{ width: 82px; margin-left: 10px; border: 2px solid rgba(255, 255, 255, 0.3); cursor: pointer; line-height: 0; float: right;} #List4 .xmlbList2 .list .l1 .img .hd .l2.on{ border: 3px solid #d61518;} /* 页码 */ #List4 .wack1{ margin: 40px 0 0 0; float: left; width: 100%; text-align: center;} #List4 .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #List4 .pz_fy a { float: left; width: 38px; height: 38px; line-height: 38px; border: 1px solid #e2e2e2; color: #999999; font-size: 14px; font-family: Arial; margin: 0 5px;} #List4 .pz_fy a:hover,#List4 .pz_fy a.on { background: #d61518; border: 1px solid #d61518; color: #fff; border: transparent;} #List4 .pz_fy .l2{ width: 100px;} #List4 .pz_fy .r2{ width: 100px;} @media screen and (max-width:1430px){ #List4 .xmlbList2 .list .l1 .text{ padding: 30px;} #List4 .xmlbList2 .list .l1 .text .info{ margin: 15px 0 25px 0; height: 128px;} } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #List4 .xmlbList1{ margin-bottom: 20px;} #List4 .xmlbList1 .text{ padding-left: 180px;} #List4 .xmlbList1 .text .tp{ padding-top: 20px; width: 140px; height: 140px; top: -70px; left: 20px;} #List4 .xmlbList1 .text .ico{ width: 40px; height: 40px;} #List4 .xmlbList1 .text .wz{ margin-top: 10px; font-size: 14px; line-height: 20px;} #List4 .xmlbList1 .text .nr{ padding: 10px 10px 0 0; font-size: 14px; line-height: 24px;} #List4 .xmlbList2{ padding: 20px 0 20px 0;} #List4 .xmlbList2 .tit{ margin-bottom: 10px;} #List4 .xmlbList2 .tit .t1{ font-size: 18px; line-height: 20px;} #List4 .xmlbList2 .tit .t2{ font-size: 12px; line-height: 14px; margin: 6px 0 0 5px;} #List4 .xmlbList2 .list .u1{ margin: -10px 0;} #List4 .xmlbList2 .list .l1{ margin: 10px 0;} #List4 .xmlbList2 .list .l1 .text{ padding: 20px;} #List4 .xmlbList2 .list .l1 .text .t1{ font-size: 16px; line-height: 18px;} #List4 .xmlbList2 .list .l1 .text .info{ margin: 5px 0 10px 0; font-size: 14px; line-height: 24px; height: 96px;} #List4 .xmlbList2 .list .l1 .text .more{ font-size: 12px;} #List4 .xmlbList2 .list .l1 .img .hd{ bottom: 10px; right: 10px;} #List4 .xmlbList2 .list .l1 .img .hd .l2{ width: 60px; margin-left: 5px;} #List4 .wack1{ margin: 20px 0 0 0;} #List4 .fy_pc{ text-align: center; font-size: 14px; color: #272727; padding: 5px 0;} #List4 .fy_pc a{ padding: 5px 25px; background: #d61518; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;} #List4 .fy_pc span{ padding: 5px 20px; color: #272727;} } @media screen and (max-width:768px){ #List4 .xmlbList1 .text{ padding-left: 95px;} #List4 .xmlbList1 .text .tp{ padding-top: 10px; width: 80px; height: 80px; top: -40px; left: 5px;} #List4 .xmlbList1 .text .ico{ width: 20px; height: 20px;} #List4 .xmlbList1 .text .wz{ margin-top: 5px; font-size: 12px; line-height: 16px;} #List4 .xmlbList1 .text .nr{ padding: 5px 5px 0 0;} #List4 .xmlbList2 .list .u1{ margin: -5px 0;} #List4 .xmlbList2 .list .l1{ margin: 5px 0;} #List4 .xmlbList2 .list .l1 .text{ padding: 15px 10px 10px 10px; width: 100%;} #List4 .xmlbList2 .list .l1 .text .info{ margin: 5px 0 2px 0; height: auto;} #List4 .xmlbList2 .list .l1 .img{ width: 100%;} } #Subpage2{ width: 100%; float: left;} #Subpage2 .xmxxCon{ width: 100%; float: left;} #Subpage2 .xmxxCon1{ width: 100%; float: left;} #Subpage2 .xmxxCon1 .t1{ font-size: 36px; line-height: 38px; color: #333; width: 100%; float: left;} #Subpage2 .xmxxCon1 .lb{ margin: 30px 0 35px 0; width: 100%; float: left; overflow: hidden;} #Subpage2 .xmxxCon1 .slickcen{ overflow: hidden; margin: 0 -33.3%; position: relative;} #Subpage2 .xmxxCon1 .slickcen .pic{ float: left; width: 32.5%; margin: 0 0.05%; position: relative; line-height: 0;} #Subpage2 .xmxxCon1 .slickcen .pic .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6);} #Subpage2 .xmxxCon1 .slickcen .pic.slick-center .bg{ display: none;} #Subpage2 .xmxxCon1 .slick-prev,#Subpage2 .xmxxCon1 .slick-next{ width: 62px; height: 62px; position: absolute;} #Subpage2 .xmxxCon1 .slick-prev{ left: 25%; background: url(/template/theme/CN/4041_y_xmxx4.png) no-repeat center; background-color: rgba(255, 255, 255, 0.3); background-size: cover;} #Subpage2 .xmxxCon1 .slick-prev:hover{ background-color: #d61518;} #Subpage2 .xmxxCon1 .slick-next{ right: 25%; background: url(/template/theme/CN/4041_y_xmxx5.png) no-repeat center; background-color: rgba(255, 255, 255, 0.3); background-size: cover;} #Subpage2 .xmxxCon1 .slick-next:hover{ background-color: #d61518;} #Subpage2 .xmxxCon1 .t2{ margin-bottom: 55px; font-size: 16px; line-height: 20px; color: #666; width: 100%; float: left;} #Subpage2 .xmxxCon .tit{ margin-bottom: 30px; width: 100%; float: left;} #Subpage2 .xmxxCon .tit .t1{ font-size: 30px; line-height: 32px; color: #333; float: left;} #Subpage2 .xmxxCon .tit .t2{ font-size: 14px; line-height: 16px; margin: 16px 0 0 10px; text-transform: uppercase; color: #d61518; float: left;} #Subpage2 .xmxxCon2{ padding: 60px 0; width: 100%; float: left; background: #f6f6f6;} #Subpage2 .xmxxCon2 .u1{ width:100%; float:left; margin:0 -12px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #Subpage2 .xmxxCon2 .l1{ width:25%; float:left; padding: 0 12px; cursor: pointer;} #Subpage2 .xmxxCon2 .l1 .img{ width:100%; float:left; padding-bottom: 100%; position:relative; overflow:hidden;} #Subpage2 .xmxxCon2 .l1 .img img{ width:100%; position:absolute; left:0; top:0; min-height:100%;} #Subpage2 .xmxxCon2 .tcPic{ width: 100%; height: 100%; position: fixed; top: -200%; left: 0; z-index: 99999; background: rgba(0, 0, 0, 0.8);} #Subpage2 .xmxxCon2 .tcPic.on{ top: 0;} #Subpage2 .xmxxCon2 .tcPic .white{ width: 640px; height: 640px; padding: 55px; position: absolute; top: 50%; left: 50%; margin-left: -320px; margin-top: -320px; position: relative; background: #fff; border-radius: 10px;} #Subpage2 .xmxxCon2 .tcPic .pic{ position: relative;} #Subpage2 .xmxxCon2 .tcPic .tp{ line-height: 0;} #Subpage2 .xmxxCon2 .tcPic .slick-prev,#Subpage2 .xmxxCon2 .tcPic .slick-next{ width: 17px; height: 30px; position: absolute; top: 50%; margin-top: -8.5px; text-indent: -99999999px; z-index: 999999;} #Subpage2 .xmxxCon2 .tcPic .slick-prev{ left: -130px; background: url(/template/theme/CN/4041_y_xmxx8.png) no-repeat center; background-size: cover;} #Subpage2 .xmxxCon2 .tcPic .slick-next{ right: -130px; background: url(/template/theme/CN/4041_y_xmxx9.png) no-repeat center; background-size: cover;} #Subpage2 .xmxxCon2 .tcPic .clo{ position: absolute; top: 25px; right: 25px; width: 24px; height: 24px; z-index: 999999; background: url(/template/theme/CN/4041_y_xmxx10.png) no-repeat center; background-size: cover;} #Subpage2 .xmxxCon3{ padding: 60px 0; width: 100%; float: left;} #Subpage2 .xmxxCon3 .bdmap{ height: 500px; width: 100%; float: left;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Subpage2 .xmxxCon1 .t1{ font-size: 18px; line-height: 20px;} #Subpage2 .xmxxCon1 .lb{ margin: 10px 0 15px 0;} #Subpage2 .xmxxCon1 .slick-prev,#Subpage2 .xmxxCon1 .slick-next{ width: 30px; height: 30px;} #Subpage2 .xmxxCon1 .t2{ margin-bottom: 15px; font-size: 14px; line-height: 20px;} #Subpage2 .xmxxCon .tit{ margin-bottom: 10px;} #Subpage2 .xmxxCon .tit .t1{ font-size: 18px; line-height: 20px;} #Subpage2 .xmxxCon .tit .t2{ font-size: 12px; line-height: 14px; margin: 6px 0 0 5px;} #Subpage2 .xmxxCon2{ padding: 20px 0;} #Subpage2 .xmxxCon2 .u1{ margin:0 -5px;} #Subpage2 .xmxxCon2 .l1{ padding: 5px 5px;} #Subpage2 .xmxxCon2 .tcPic .white{ width: 320px; height: 320px; padding: 20px; margin-left: -160px; margin-top: -160px;} #Subpage2 .xmxxCon2 .tcPic .slick-prev,#Subpage2 .xmxxCon2 .tcPic .slick-next{ width: 17px; height: 30px; margin-top: -8.5px;} #Subpage2 .xmxxCon2 .tcPic .slick-prev{ left: -90px;} #Subpage2 .xmxxCon2 .tcPic .slick-next{ right: -90px;} #Subpage2 .xmxxCon2 .tcPic .clo{ top: 15px; right: 15px; width: 20px; height: 20px;} #Subpage2 .xmxxCon3{ padding: 20px 0;} } @media screen and (max-width:768px){ #Subpage2 .xmxxCon2 .l1{ width: 50%;} #Subpage2 .xmxxCon2 .tcPic .white{ width: 220px; height: 220px; padding: 15px; margin-left: -110px; margin-top: -110px;} #Subpage2 .xmxxCon2 .tcPic .slick-prev{ left: -40px;} #Subpage2 .xmxxCon2 .tcPic .slick-next{ right: -40px;} #Subpage2 .xmxxCon3 .bdmap{ height: 300px;} } #Content10{ width: 100%; float: left;} #Content10 .erNav{ margin: 30px 0; width: 100%; float: left;} #Content10 .erNav .u1{ width: 100%; height: 40px; line-height: 40px; padding: 0 20px; overflow: hidden; background: #f4f4f4;} #Content10 .erNav .l1{ float: left; margin-right: 25px;} #Content10 .erNav .l1 a{ font-size: 12px; line-height: 40px; color: #666;} #Content10 .erNav .l1.on a,#Content10 .erNav .l1:hover a{ color: #d61518;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content10 .erNav{ margin: 15px 0;} #Content10 .erNav .u1{ height: 30px; line-height: 30px; padding: 0 10px;} #Content10 .erNav .l1{ margin-right: 10px;} #Content10 .erNav .l1 a{ line-height: 30px;} } @media screen and (max-width:768px){ } #Content11{ width: 100%; float: left;} #Content11 .qywhCon1{ padding: 120px 0 130px 0; width: 100%; float: left;} #Content11 .qywhCon1 .text{ width: 50%; float: left; text-align: right;} #Content11 .qywhCon1 .text .u1{ margin: -22px 0; width: 100%; float: left;} #Content11 .qywhCon1 .text .l1{ margin: 22px 0; width: 100%; float: left;} #Content11 .qywhCon1 .text .l1 .over{ width: 100%; float: left;} #Content11 .qywhCon1 .text .l1 .t1{ font-size: 36px; line-height: 38px; margin: 0 0 0 20px; color: #1d2088; float: right;} #Content11 .qywhCon1 .text .l1 .t2{ font-size: 24px; line-height: 26px; margin: 12px 0 0 0; font-weight: bold; color: #333; float: right;} #Content11 .qywhCon1 .text .l1 .t3{ font-size: 18px; line-height: 20px; margin-top: 15px; width: 100%; float: left;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content11 .qywhCon1{ padding: 40px 0 40px 0;} #Content11 .qywhCon1 .text{ width: 100%; text-align: center;} #Content11 .qywhCon1 .text .u1{ margin: -10px 0;} #Content11 .qywhCon1 .text .l1{ margin: 10px 0;} #Content11 .qywhCon1 .text .l1 .over{ float: none; width: auto; display: inline-block;} #Content11 .qywhCon1 .text .l1 .t1{ font-size: 18px; line-height: 28px; margin: 0 0 0 5px;} #Content11 .qywhCon1 .text .l1 .t2{ font-size: 16px; line-height: 26px; margin: 2px 0 0 0;} #Content11 .qywhCon1 .text .l1 .t3{ font-size: 14px; line-height: 24px; margin-top: 5px;} } @media screen and (max-width:768px){ #Content11 .qywhCon1{ padding: 20px 0 20px 0;} #Content11 .qywhCon1 .text .u1{ margin: -5px 0;} #Content11 .qywhCon1 .text .l1{ margin: 5px 0;} #Content11 .qywhCon1 .text .l1 .t3{ margin-top: 0;} } #Content12{ width: 100%; float: left;} #Content12 .qywhCon2{ width: 100%; float: left; position: relative;} #Content12 .qywhCon2 .line{ width: 1px; height: 100%; background: #b6babe; position: absolute; top: 0; left: 50%;} #Content12 .qywhCon2 .hd{ padding: 170px 80px 230px 0; width: 50%; height: 100%; float: left;} #Content12 .qywhCon2 .hd .l1{ font-size: 24px; line-height: 26px; margin-bottom: 46px; cursor: pointer; text-align: right; font-weight: bold; color: #333;} #Content12 .qywhCon2 .hd .l1.on,#Content12 .qywhCon2 .hd .l1:hover{ color: #d61518; position: relative;} #Content12 .qywhCon2 .hd .l1.on::before,#Content12 .qywhCon2 .hd .l1:hover::before{ content: ""; display: block; width: 3px; height: 24px; position: absolute; right: -82px; top: 0; background: #d61518;} #Content12 .qywhCon2 .bd{ padding: 170px 0 230px 80px; width: 50%; height: 100%; float: right;} #Content12 .qywhCon2 .bd .u1{ font-size: 18px; line-height: 36px; text-align:justify;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content12 .qywhCon2 .hd{ padding: 40px 40px 40px 0;} #Content12 .qywhCon2 .hd .l1{ font-size: 16px; line-height: 18px; margin-bottom: 20px;} #Content12 .qywhCon2 .hd .l1.on::before,#Content12 .qywhCon2 .hd .l1:hover::before{ height: 16px; right: -42px;} #Content12 .qywhCon2 .bd{ padding: 40px 0 40px 40px;} #Content12 .qywhCon2 .bd .u1{ font-size: 14px; line-height: 26px;} } @media screen and (max-width:768px){ #Content12 .qywhCon2 .hd{ width:32%; padding: 20px 20px 20px 0;} #Content12 .qywhCon2 .hd .l1.on::before,#Content12 .qywhCon2 .hd .l1:hover::before{ right: -22px;} #Content12 .qywhCon2 .line{ left:33.3%;} #Content12 .qywhCon2 .bd{ width:68%; padding: 20px 0 20px 20px;} } #Content13{ width: 100%; float: left;} #Content13 .qywhCon3{ padding: 160px 0 120px 0; width: 100%; float: left;} #Content13 .qywhCon3 .text{ width: 50%; float: left; text-align: right;} #Content13 .qywhCon3 .text .t1{ font-size: 36px; line-height: 38px; color: #1d2088;} #Content13 .qywhCon3 .text .t2{ margin: 14px 0; font-size: 24px; line-height: 26px; font-weight: bold; color: #333;} #Content13 .qywhCon3 .text .t3{ margin: 0 0 20px 0; font-size: 30px; line-height: 32px; color: #333;} #Content13 .qywhCon3 .text .t4{ font-size: 18px; line-height: 36px; color: #333;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content13 .qywhCon3{ padding: 40px 0 40px 0;} #Content13 .qywhCon3 .text .t1{ font-size: 18px; line-height:28px;} #Content13 .qywhCon3 .text .t2{ margin: 10px 0; font-size: 14px; line-height:24px;} #Content13 .qywhCon3 .text .t3{ margin: 0 0 10px 0; font-size: 16px; line-height: 26px;} #Content13 .qywhCon3 .text .t4{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:768px){ #Content13 .qywhCon3{ padding: 20px 0 20px 0;} #Content13 .qywhCon3 .text{ width: 100%; text-align: center;} } #Content14{ width: 100%; float: left;} #Content14 .qywhCon4{ padding: 160px 0 120px 0; width: 100%; float: left;} #Content14 .qywhCon4 .text{ width: 50%; float: right;} #Content14 .qywhCon4 .text .t1{ font-size: 36px; line-height: 38px; color: #1d2088;} #Content14 .qywhCon4 .text .t2{ margin: 14px 0 30px 0; font-size: 24px; line-height: 26px; font-weight: bold; color: #333;} #Content14 .qywhCon4 .text .t3{ font-size: 18px; line-height: 36px; color: #333;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content14 .qywhCon4{ padding: 40px 0 40px 0;} #Content14 .qywhCon4 .text .t1{ font-size: 18px; line-height: 20px;} #Content14 .qywhCon4 .text .t2{ margin: 10px 0 15px 0; font-size: 14px; line-height: 16px;} #Content14 .qywhCon4 .text .t3{ font-size: 14px; line-height:24px;} } @media screen and (max-width:768px){ #Content14 .qywhCon4{ padding: 20px 0 20px 0;} #Content14 .qywhCon4 .text{ width: 100%; text-align: center;} } #Content15{ width: 100%; float: left;} #Content15 .qywhCon5{ padding: 160px 0 120px 0; width: 100%; float: left;} #Content15 .qywhCon5 .text{ width: 50%; float: left; text-align: right;} #Content15 .qywhCon5 .text .t1{ font-size: 36px; line-height: 38px; color: #1d2088;} #Content15 .qywhCon5 .text .t2{ margin: 14px 0 30px 0; font-size: 24px; line-height: 26px; font-weight: bold; color: #333;} #Content15 .qywhCon5 .text .t3{ font-size: 18px; line-height: 36px; color: #333;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content15 .qywhCon5{ padding: 40px 0 40px 0;} #Content15 .qywhCon5 .text .t1{ font-size: 18px; line-height: 28px;} #Content15 .qywhCon5 .text .t2{ margin: 10px 0 15px 0; font-size: 14px; line-height: 24px;} #Content15 .qywhCon5 .text .t3{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:768px){ #Content15 .qywhCon5{ padding: 20px 0 20px 0;} #Content15 .qywhCon5 .text{ width: 100%; text-align: center;} } #Content16{ width: 100%; float: left;} #Content16 .qywhCon6{ padding: 120px 0; width: 100%; float: left;} #Content16 .qywhCon6 .hd{ width: 50%; float: left; text-align: right;} #Content16 .qywhCon6 .hd .u1{ width: 100%; float: left;} #Content16 .qywhCon6 .hd .l1{ width: 100%; float: left;} #Content16 .qywhCon6 .hd .l1 .xx{ padding: 44px 180px 44px 110px; border-radius: 144px 0 0 144px; cursor: pointer; float: right;} #Content16 .qywhCon6 .hd .l1 .ico{ width: 64px; height: 64px; margin-right: 30px; float: left; line-height: 0;} #Content16 .qywhCon6 .hd .l1 .ico2{ display: none;} #Content16 .qywhCon6 .hd .l1 .wz{ font-size: 24px; line-height: 64px; float: left; color: #1d2088;} #Content16 .qywhCon6 .hd .l1.on .xx,#Content16 .qywhCon6 .hd .l1:hover .xx{ background: #1d2088;} #Content16 .qywhCon6 .hd .l1.on .wz,#Content16 .qywhCon6 .hd .l1:hover .wz{ color: #fff;} #Content16 .qywhCon6 .hd .l1.on .ico1,#Content16 .qywhCon6 .hd .l1:hover .ico1{ display: none;} #Content16 .qywhCon6 .hd .l1.on .ico2,#Content16 .qywhCon6 .hd .l1:hover .ico2{ display: block;} #Content16 .qywhCon6 .bd{ width: 50%; float: right; padding-left: 80px;} #Content16 .qywhCon6 .bd .t1{ margin-top: 20px; font-size: 24px; line-height: 26px; font-weight: bold; color: #333;} #Content16 .qywhCon6 .bd .info{ margin-top: 35px; font-size: 18px; line-height: 54px; color: #333; text-align:justify; } @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content16 .qywhCon6{ padding: 40px 0;} #Content16 .qywhCon6 .hd .l1 .xx{ padding: 20px 80px 20px 50px;} #Content16 .qywhCon6 .hd .l1 .ico{ width: 30px; height: 30px; margin-right: 10px;} #Content16 .qywhCon6 .hd .l1 .wz{ font-size: 16px; line-height: 30px;} #Content16 .qywhCon6 .bd{ padding-left: 40px;} #Content16 .qywhCon6 .bd .t1{ margin-top: 10px; font-size: 16px; line-height: 26px;} #Content16 .qywhCon6 .bd .info{ margin-top: 10px; font-size: 14px; line-height: 24px;} } @media screen and (max-width:768px){ #Content16 .qywhCon6{ padding: 20px 0; position:relative; background:#dcebfe !important; } #Content16 .qywhCon6:after{ float:left; width:135px; height:100%; position:absolute; left:0; top:0; content:''; background:#c5defc; z-index:1;} #Content16 .qywhCon6 .container{ position:relative;} #Content16 .qywhCon6 .hd{ width:120px; position:absolute; left:15px; top:0; z-index:6;} #Content16 .qywhCon6 .hd .l1 .xx{ padding: 10px 20px; width:100%;} #Content16 .qywhCon6 .hd .l1 .ico{ width:26px; height:26px;} #Content16 .qywhCon6 .bd{ padding-left: 140px; width:100%;} } #List5{ width: 100%; float: left;} #List5 .qynkList{ width: 100%; float: left;} #List5 .qynkList .tit{ margin-bottom: 40px; width: 100%; float: left;} #List5 .qynkList .tit .t1{ font-size: 22px; line-height: 24px; font-weight: bold; color: #d61518;} #List5 .qynkList .tit .t2{ margin: 10px 0 30px 0; font-size: 60px; line-height: 62px; text-transform: uppercase; font-weight: bold; color: #333; opacity: 0.1;} #List5 .qynkList .tit .info{ font-size: 14px; line-height: 28px; color: #555;} #List5 .qynkList .list{ margin: -40px -15px 0 -15px; float: left; width: calc(100% + 30px);} #List5 .qynkList .u1{ width:100%; float:left; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #List5 .qynkList .l1{ width:33.3%; float:left; margin-top:40px; padding:20px 15px 35px 15px;} #List5 .qynkList .l1 a{ display:block; width:100%; position: relative;} #List5 .qynkList .l1 .pic{ width:64%; margin: 5px auto; padding-bottom:83.4%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position:relative; overflow:hidden; z-index: 1;} #List5 .qynkList .l1 .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;} #List5 .qynkList .l1 .text{ display: none;} #List5 .qynkList .l1 .bg{ width:100%; float:left; height: 94px; position: absolute; bottom: -40px; z-index: -1; background: #f4f4f4;} #List5 .qynkList .l1:hover .text{ display: block; font-size: 18px; color: #fff; width:100%; float:left; line-height: 94px; height: 94px; overflow: hidden; text-align: center; z-index: 99; position: absolute; bottom: -40px;} #List5 .qynkList .l1:hover .bg{ background: #de4446; z-index: 99;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #List5 .qynkList .tit{ margin-bottom: 20px;} #List5 .qynkList .tit .t1{ font-size: 16px; line-height: 18px;} #List5 .qynkList .tit .t2{ margin: 10px 0 10px 0; font-size: 20px; line-height: 22px;} #List5 .qynkList .tit .info{ font-size: 14px; line-height: 24px;} #List5 .qynkList .l1{ margin-top:20px; padding:15px 15px 15px 15px;} #List5 .qynkList .l1 .bg{ height: 44px;} #List5 .qynkList .l1:hover .text{ font-size: 14px; line-height: 44px; height: 44px;} } @media screen and (max-width:768px){ #List5 .qynkList .tit .t1{ font-size: 14px; line-height: 16px;} #List5 .qynkList .tit .t2{ margin: 5px 0 10px 0; font-size: 16px; line-height: 18px;} #List5 .qynkList .tit .info{ font-size: 12px; line-height: 20px;} #List5 .qynkList .list{ margin: 0; width: 100%;} #List5 .qynkList .l1{ margin-top:5px; width:100%;} #List5 .qynkList .l1 .bg{ bottom: -20px;} #List5 .qynkList .l1:hover .text{ bottom: -20px;} } /* 页码 */ #Pagination2{ width: 100%; float: left;} #Pagination2 .wack1{ float: left; width: 100%; text-align: center;} #Pagination2 .pz_fy{ display: inline-block; *display: inline; *zoom: 1;} #Pagination2 .pz_fy a { float: left; width: 38px; height: 38px; line-height: 38px; border: 1px solid #e2e2e2; color: #999999; font-size: 14px; font-family: Arial; margin: 0 5px;} #Pagination2 .pz_fy a:hover,#Pagination2 .pz_fy a.on { background: #d61518; border: 1px solid #d61518; color: #fff; border: transparent;} #Pagination2 .pz_fy .l2{ width: 100px;} #Pagination2 .pz_fy .r2{ width: 100px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Pagination2 .fy_pc{ text-align: center; font-size: 14px; color: #272727; padding: 5px 0;} #Pagination2 .fy_pc a{ padding: 5px 25px; background: #d61518; color: #fff; border: transparent; border-radius: 16px; overflow: hidden;} #Pagination2 .fy_pc span{ padding: 5px 20px; color: #272727;} } @media screen and (max-width:768px){ } #List6{ width: 100%; float: left;} #List6 .shzrList{ width: 100%; float: left;} #List6 .shzrList .tit{ margin-bottom: 40px; width: 100%; float: left;} #List6 .shzrList .tit .t1{ font-size: 22px; line-height: 24px; font-weight: bold; color: #d61518;} #List6 .shzrList .tit .t2{ margin: 10px 0 30px 0; font-size: 60px; line-height: 62px; text-transform: uppercase; font-weight: bold; color: #333; opacity: 0.1;} #List6 .shzrList .tit .info{ font-size: 14px; line-height: 28px; color: #555;} #List6 .shzrList .list{ width: 100%; float: left;} #List6 .shzrList .list .l1{ width: 100%; float: left; background: #f4f4f4; position: relative;} #List6 .shzrList .list .l1 .img{ width: 50%; float: left; line-height: 0;} #List6 .shzrList .list .l1 .text{ padding: 0 60px; width: 50%; float: right;} #List6 .shzrList .list .l1 .text .t1{ margin: 55px 0 15px 0; font-size: 24px; line-height: 26px; color: #d61518; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #List6 .shzrList .list .l1 .text .date{ font-size: 18px; line-height: 20px; color: #1d2088;} #List6 .shzrList .list .l1 .text .line{ margin: 30px 0; width: 100%; height: 1px; border-top: 1px dashed #c3c3c3;} #List6 .shzrList .list .l1 .text .info{ font-size: 16px; line-height: 32px; height: 256px; overflow: hidden; color: #666;} #List6 .shzrList .list .l1 .text .ico{ width: 85px; height: 85px; position: absolute; bottom: 0; right: 0; background: url(/template/theme/CN/4051_y_shzr3.png) no-repeat center; background-size: cover;} #List6 .shzrList .list .l1:hover .text .ico{ background: url(/template/theme/CN/4051_y_shzr3_1.png) no-repeat center; background-size: cover;} #List6 .shzrList .list .l1:nth-child(2n) .img{ float: right;} #List6 .shzrList .list .l1:nth-child(2n) .text{ float: left;} #List6 .shzrList .list .l1:nth-child(2n) .text .ico{ right: 50%;} @media screen and (max-width:1430px){ #List6 .shzrList .list .l1 .text .info{ height: 128px;} } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #List6 .shzrList .tit{ margin-bottom: 20px;} #List6 .shzrList .tit .t1{ font-size: 16px; line-height: 18px;} #List6 .shzrList .tit .t2{ margin: 10px 0 10px 0; font-size: 20px; line-height: 22px;} #List6 .shzrList .tit .info{ font-size: 14px; line-height: 24px;} #List6 .shzrList .list .l1 .text{ padding: 0 20px;} #List6 .shzrList .list .l1 .text .t1{ margin: 15px 0 10px 0; font-size: 16px; line-height: 18px;} #List6 .shzrList .list .l1 .text .date{ font-size: 14px; line-height: 16px;} #List6 .shzrList .list .l1 .text .line{ margin: 10px 0;} #List6 .shzrList .list .l1 .text .info{ font-size: 14px; line-height: 24px; height: 144px;} #List6 .shzrList .list .l1 .text .ico{ width: 45px; height: 45px;} } @media screen and (max-width:768px){ #List6 .shzrList .tit .t1{ font-size: 14px; line-height: 16px;} #List6 .shzrList .tit .t2{ margin: 5px 0 10px 0; font-size: 16px; line-height: 18px;} #List6 .shzrList .tit .info{ font-size: 12px; line-height: 20px;} #List6 .shzrList .list .l1 .img{ width: 100%;} #List6 .shzrList .list .l1 .text{ width: 100%; padding: 0 10px 10px 10px;} #List6 .shzrList .list .l1 .text .info{ height: auto;} #List6 .shzrList .list .l1:nth-child(2n) .text .ico{ right: 0;} } #Content17{ width: 100%; float: left;} #Content17 .rclnList{ width: 100%; float: left;} #Content17 .rclnList .over{ width: 100%; float: left;} #Content17 .rclnList .over .img{ width: 50%; float: left; line-height: 0;} #Content17 .rclnList .over .text{ padding: 45px 0 0 105px; width: 50%; float: right;} #Content17 .rclnList .over .text .t1{ font-size: 60px; line-height: 62px; text-transform: uppercase; font-weight: bold; color: #333; opacity: 0.1;} #Content17 .rclnList .over .text .t2{ margin: 10px 0 40px 0; font-size: 30px; line-height: 32px; color: #d61518; font-weight: bold;} #Content17 .rclnList .over .text .info{ font-size: 16px; line-height: 36px; color: #666;} #Content17 .rclnList .list{ width: 100%; float: left;} #Content17 .rclnList .list li{ margin-top: 55px; width: 100%; float: left;} #Content17 .rclnList .list li .text{ padding-top: 75px; width: 44%; float: left;} #Content17 .rclnList .list li .t1{ font-size: 60px; line-height: 62px; text-transform: uppercase; font-weight: bold; color: #333; opacity: 0.1;} #Content17 .rclnList .list li .t2{ margin: 10px 0 40px 0; font-size: 30px; line-height: 32px; color: #d61518; font-weight: bold;} #Content17 .rclnList .list li .info{ font-size: 16px; line-height: 36px; color: #666;} #Content17 .rclnList .list li .homepic{ width: 50%; float: right; overflow: hidden;} #Content17 .rclnList .list li .hometop{ margin-bottom: 15px; width: 100%; line-height: 0;} /*#Content17 .rclnList .list li .homedown{ overflow: hidden; margin: 0 -25%; position: relative;}*/ #Content17 .rclnList .list li .homedown .pic{ float: left; width: 25%; margin: 0 0.1%; position: relative; line-height: 0;} #Content17 .rclnList .list li .downk{ padding: 0 48px; position: relative;} #Content17 .rclnList .list li .downk .imgk{ line-height: 0; border: 3px solid transparent;} #Content17 .rclnList .list li .downk .imgk:hover{ border: 3px solid #d61518;} #Content17 .rclnList .list li .downk .slick-prev, #Content17 .rclnList .list li .downk .slick-next{ width: 44px; height: 100%; position: absolute; top: 3px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);} #Content17 .rclnList .list li .downk .slick-prev{ left: 102px; background: url(/template/theme/CN/4052_y_rcln7.png) no-repeat center; background-color: rgba(255, 255, 255, 0.8); background-size: cover;} #Content17 .rclnList .list li .downk .slick-prev:hover{ background: url(/template/theme/CN/4052_y_rcln7_1.png) no-repeat center; background-color: rgba(255, 255, 255, 0.8); background-size: cover;} #Content17 .rclnList .list li .downk .slick-next{ right: 102px; background: url(/template/theme/CN/4052_y_rcln8.png) no-repeat center; background-color: rgba(255, 255, 255, 0.8); background-size: cover;} #Content17 .rclnList .list li .downk .slick-next:hover{ background: url(/template/theme/CN/4052_y_rcln8_1.png) no-repeat center; background-color: rgba(255, 255, 255, 0.8); background-size: cover;} /*2020707start*/ #Content17 .rclnList .list li .downk .prev-arrow, #Content17 .rclnList .list li .downk .next-arrow{ width: 42px; height: 76px; position: absolute; top: 3px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);} #Content17 .rclnList .list li .downk .prev-arrow{ left:0; background: url(/template/theme/CN/4052_y_rcln7.png) no-repeat center; background-size: cover;} #Content17 .rclnList .list li .downk .prev-arrow:hover{ background: url(/template/theme/CN/4052_y_rcln7_1.png) no-repeat center; background-size: cover;} #Content17 .rclnList .list li .downk .next-arrow{ right:0; background: url(/template/theme/CN/4052_y_rcln8.png) no-repeat center; background-size: cover;} #Content17 .rclnList .list li .downk .next-arrow:hover{ background: url(/template/theme/CN/4052_y_rcln8_1.png) no-repeat center; background-size: cover;} /*2020707end*/ #Content17 .rclnList .list li:nth-child(2n) .text{ float: right; text-align: right;} #Content17 .rclnList .list li:nth-child(2n) .homepic{ float: left;} @media screen and (max-width:1430px){ #Content17 .rclnList .over .text{ padding: 20px 0 0 50px;} #Content17 .rclnList .over .text .t1{ font-size: 40px; line-height: 42px;} #Content17 .rclnList .over .text .t2{ margin: 10px 0 30px 0; font-size: 24px; line-height: 26px;} #Content17 .rclnList .list li .text{ padding-top: 20px;} #Content17 .rclnList .list li .t1{ font-size: 40px; line-height: 42px;} #Content17 .rclnList .list li .t2{ margin: 10px 0 30px 0; font-size: 24px; line-height: 26px;} #Content17 .rclnList .list li .downk{ padding: 0 30px;} #Content17 .rclnList .list li .downk .slick-prev, #Content17 .rclnList .list li .downk .slick-next{ width: 29px;} #Content17 .rclnList .list li .downk .slick-prev{ left: 76px;} #Content17 .rclnList .list li .downk .slick-next{ right: 74px;} /*2020707start*/ #Content17 .rclnList .list li .downk .prev-arrow, #Content17 .rclnList .list li .downk .next-arrow{ width: 29px; height: 49px;} /*2020707end*/ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content17 .rclnList .over .text{ padding: 10px 0 0 20px;} #Content17 .rclnList .over .text .t1{ font-size: 20px; line-height: 22px;} #Content17 .rclnList .over .text .t2{ margin: 10px 0 15px 0; font-size: 16px; line-height: 18px;} #Content17 .rclnList .over .text .info{ font-size: 14px; line-height: 20px;} #Content17 .rclnList .list li{ margin-top: 15px;} #Content17 .rclnList .list li .text{ padding-top: 15px; width: 44%;} #Content17 .rclnList .list li .t1{ font-size: 20px; line-height: 22px;} #Content17 .rclnList .list li .t2{ margin: 10px 0 15px 0; font-size: 16px; line-height: 18px;} #Content17 .rclnList .list li .info{ font-size: 14px; line-height: 20px;} #Content17 .rclnList .list li .hometop{ margin-bottom: 5px;} #Content17 .rclnList .list li .downk{ padding: 0 20px;} #Content17 .rclnList .list li .downk .slick-prev, #Content17 .rclnList .list li .downk .slick-next{ width: 17px;} #Content17 .rclnList .list li .downk .slick-prev{ left: 62px;} #Content17 .rclnList .list li .downk .slick-next{ right: 60px;} /*2020707start*/ #Content17 .rclnList .list li .downk .prev-arrow, #Content17 .rclnList .list li .downk .next-arrow{ width: 19px; height: 39px; top: 50%; margin-top: -19.5px;} /*2020707end*/ } @media screen and (max-width:768px){ #Content17 .rclnList .over .text .t1{ font-size: 16px; line-height: 18px;} #Content17 .rclnList .over .text .t2{ margin: 5px 0 10px 0; font-size: 14px; line-height: 16px;} #Content17 .rclnList .over .text .info{ font-size: 12px; line-height: 18px;} #Content17 .rclnList .over .img{ width: 100%;} #Content17 .rclnList .over .text{ width: 100%; padding-left: 0;} #Content17 .rclnList .list li .t1{ font-size: 18px; line-height: 20px;} #Content17 .rclnList .list li .t2{ margin: 5px 0 10px 0; font-size: 16px; line-height: 18px;} #Content17 .rclnList .list li .text{ width: 100%;} #Content17 .rclnList .list li .homepic{ width: 100%;} #Content17 .rclnList .list li:nth-child(2n) .text{ float: left; text-align: left;} #Content17 .rclnList .list li .downk .slick-prev{ left: auto; right: 84.2%;} #Content17 .rclnList .list li .downk .slick-next{ right: auto; left: 84.2%;} } #List7{ width: 100%; float: left;} #List7 .joinList{ width: 100%; float: left;} #List7 .joinList .left{ width: 49%; float: left;} #List7 .joinList .left .t1{ margin: 60px 0 10px 0; font-size: 22px; line-height: 24px; font-weight: bold; color: #d61518;} #List7 .joinList .left .t2{ font-size: 60px; line-height: 62px; text-transform: uppercase; font-weight: bold; color: #333; opacity: 0.1;} #List7 .joinList .left .info{ margin: 40px 0 0 0; font-size: 14px; line-height: 28px; color: #555;} #List7 .joinList .right{ margin: 60px 0 0 0; width: 49%; float: right; line-height: 0;} #List7 .joinList .line{ margin: 60px 0; width: 100%; height: 1px; float: left; border-top: 1px dashed #ccc;} #List7 .joinList .list{ width: 100%; float: left;} #List7 .joinList .list .u1{ margin: -15px 0; float: left;} #List7 .joinList .list .l1{ margin: 15px 0; padding: 40px; width: 49%; float: left; background: #f8f8f8;} #List7 .joinList .list .l1:nth-child(2n){ float: right;} #List7 .joinList .list .l1 .over{ width: 100%; float: left;} #List7 .joinList .list .l1 .t1{ font-size: 24px; line-height: 26px; font-weight: bold; color: #333; float: left;} #List7 .joinList .list .l1 .date{ font-size: 14px; line-height: 26px; color: #999; float: right;} #List7 .joinList .list .l1 .t2{ margin: 10px 0 25px 0; font-size: 18px; line-height: 20px; width: 100%; float: left; color: #d61518;} #List7 .joinList .list .l1 .xian{ width: 100%; height: 1px; float: left; background: #ebebeb;} #List7 .joinList .list .l1 .info{ margin: 20px 0 25px 0; padding-right: 10px; font-size: 14px; line-height: 30px; height: 240px; overflow-x: hidden; overflow-y: auto; scrollbar-width:thin; color: #666; width: 100%; float: left;} #List7 .joinList .list .l1 .info::-webkit-scrollbar-track{ border-radius: 5px; background-color:#ebebeb;} #List7 .joinList .list .l1 .info::-webkit-scrollbar{ width: 5px; } #List7 .joinList .list .l1 .info::-webkit-scrollbar-thumb{ border-radius: 5px; background-color: #d61518;} #List7 .joinList .list .l1 .bot{ width: 100%; float: left;} #List7 .joinList .list .l1 .yx{ font-size: 14px; line-height: 34px; color: #1d2088; float: left;} #List7 .joinList .list .l1 .yx a{color: #1d2088;} #List7 .joinList .list .l1 .yy{ width: 90px; height: 34px; line-height: 34px; font-size: 14px; color: #fff; background: #8c8c8c; border-radius: 5px; text-align: center; display: block; float: right;} #List7 .joinList .list .l1:hover{ background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);} #List7 .joinList .list .l1:hover .yy{ background: #d61518;} @media screen and (max-width:1430px){ #List7 .joinList .left .t2{ font-size: 50px; line-height: 52px;} } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #List7 .joinList .left .t1{ margin: 20px 0 10px 0; font-size: 16px; line-height: 18px;} #List7 .joinList .left .t2{ font-size: 20px; line-height: 22px;} #List7 .joinList .left .info{ margin: 10px 0 0 0; font-size: 14px; line-height: 24px;} #List7 .joinList .right{ margin: 20px 0 0 0;} #List7 .joinList .line{ margin: 20px 0;} #List7 .joinList .list .u1{ margin: -10px 0;} #List7 .joinList .list .l1{ margin: 10px 0; padding: 20px;} #List7 .joinList .list .l1 .t1{ font-size: 16px; line-height: 20px;} #List7 .joinList .list .l1 .date{ font-size: 14px; line-height: 20px;} #List7 .joinList .list .l1 .t2{ margin: 10px 0 15px 0; font-size: 14px; line-height: 16px;} #List7 .joinList .list .l1 .info{ margin: 10px 0 15px 0;} #List7 .joinList .list .l1 .bot{ text-align: center;} #List7 .joinList .list .l1 .yx{ float: none;} #List7 .joinList .list .l1 .yy{ display: inline-block; float: none;} } @media screen and (max-width:768px){ #List7 .joinList .left{ width: 100%;} #List7 .joinList .left .t1{ margin: 10px 0 5px 0; font-size: 14px; line-height: 16px;} #List7 .joinList .left .t2{ font-size: 16px; line-height: 18px;} #List7 .joinList .left .info{ margin: 5px 0 0 0; font-size: 12px; line-height: 18px;} #List7 .joinList .right{ width: 100%; margin: 10px 0 0 0;} #List7 .joinList .list .u1{ margin: -5px 0;} #List7 .joinList .list .l1{ width: 100%; margin: 5px 0; padding: 10px;} #List7 .joinList .list .l1 .t2{ margin: 5px 0 10px 0;} #List7 .joinList .list .l1 .info{ margin: 5px 0 10px 0;} } #List8{ width: 100%; float: left;} #List8 .contCon{ width: 100%; float: left;} #List8 .contCon .left{ width: 30%; float: left;} #List8 .contCon .left .t1{ margin: 60px 0 10px 0; font-size: 22px; line-height: 24px; font-weight: bold; color: #d61518;} #List8 .contCon .left .t2{ font-size: 60px; line-height: 62px; text-transform: uppercase; font-weight: bold; color: #333; opacity: 0.1;} #List8 .contCon .right{ padding: 60px 0 75px 60px; width: 70%; float: right; border-left: 2px solid #f4f4f4;} #List8 .contCon .right .u1{ margin: -15px 0; float: left; width: 100%;} #List8 .contCon .right .l1{ margin: 15px 0; padding-left: 58px; width: 100%; float: left; position: relative;} #List8 .contCon .right .l1 .ico{ width: 28px; height: 28px; line-height: 0; position: absolute; top: 0; left: 0;} #List8 .contCon .right .l1 .wz{ font-size: 16px; line-height: 28px; word-break: break-all; color: #333; float: left;} #List8 .contCon .bdmap{ width: 100%; float: left; height: 430px;} @media screen and (max-width:1430px){ #List8 .contCon .left .t2{ font-size: 50px; line-height: 52px;} } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #List8 .contCon .left .t1{ margin: 20px 0 10px 0; font-size: 16px; line-height: 18px;} #List8 .contCon .left .t2{ font-size: 20px; line-height: 22px;} #List8 .contCon .right{ padding: 20px 0 25px 20px;} #List8 .contCon .right .l1{ margin: -10px 0; padding-left: 30px;} #List8 .contCon .right .l1{ margin: 10px 0;} #List8 .contCon .right .l1 .ico{ width: 20px; height: 20px;} #List8 .contCon .right .l1 .wz{ font-size: 14px; line-height: 20px;} } @media screen and (max-width:768px){ #List8 .contCon .left .t1{ margin: 10px 0 5px 0; font-size: 14px; line-height: 16px;} #List8 .contCon .left .t2{ font-size: 16px; line-height: 18px;} #List8 .contCon .right{ padding: 10px 0 15px 10px;} #List8 .contCon .bdmap{ height: 300px;} } #Content18{ width: 100%; float: left;} #Content18 .info{ font-size: 16px; line-height: 30px;} @media screen and (max-width:1430px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:1024px){ #Content18 .info{ font-size: 14px; line-height: 24px;} } @media screen and (max-width:768px){ } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px; color:#666;} .sitemap li a:hover{color:#d61518;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .renterTop{ float:left; position:fixed; right:10px; bottom:8%; z-index:101; background:#C01; width:40px; height:40px; border-radius:50%; padding:10px; cursor:pointer;}