@charset "utf-8";
html,
body {
width: 100%;
padding: 0px;
margin: 0px;
*position: static;
}
* {
font-family: "思源黑体 CN" !important;
font-size: 16px;
color: #332c2b;
padding: 0px;
margin: 0px;
}
/* .icheck {
display: none;
}
.ilabel span {
display: flex;
align-items: center;
}
.ilabel span::before {
content: " ";
display: inline-block;
width: 0.3rem;
height: 0.3rem;
line-height: 0.3rem;
text-align: center;
border-radius: 100%;
border: 1px solid #999999;
margin-right: 0.2rem;
font-size: 0.2rem;
}
.icheck:checked + span::before {
content: "✓";
background: #fabc09;
border: 1px solid #fabc09;
color: #fff;
} */
a {
text-decoration: none;
}
ul,
li,
ol,
p,
dt,
dd,
dl,
pre,
xmp,
plaintext,
listing {
list-style-type: none;
}
em {font-style: normal;}
button,
input {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-appearance: none;
outline: none;
text-decoration: none;
}
.anim0 {
animation: dz0 0.8s linear 1 normal forwards;
}
.anim1 {
animation: dz1 0.8s linear 1 normal forwards;
}
.anim2 {
animation: dz2 0.8s linear 1 normal forwards;
}
.anim3 {
animation: dz3 1s linear 1 normal forwards;
}
.anim4 {
animation: dz4 1s linear 1 normal forwards;
}
.anim5 {
animation: dz5 0.6s linear 1 normal forwards;
}
.anim6 {
animation: dz6 0.6s linear 1 normal forwards;
}
.anim7 {
animation: dz7 0.6s linear 1 normal forwards;
}
/*.anim99{ animation: dz99 .6s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
/* @keyframes dz1
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 100px); }
100% {opacity: 1;transform: translate(0, 0%); }
} */
.dhxg {
opacity: 0;
}
.dhxg2 {
opacity: 0;
}
.le {
float: left;
}
.top {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ri {
float: right;
}
@keyframes dz0 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes dz1 {
0% {
opacity: 0;
transform: translate(-20%, 0%);
}
100% {
opacity: 1;
transform: translate(0, 0%);
}
}
@keyframes dz2 {
0% {
opacity: 0;
transform: translate(0, 30%);
}
100% {
opacity: 1;
transform: translate(0, 0%);
}
}
@keyframes dz3 {
0% {
opacity: 0;
transform: translate(0, 30%);
}
100% {
opacity: 1;
transform: translate(0, 0%);
}
}
@keyframes dz4 {
0% {
opacity: 0;
transform: translate(0, -30%);
}
100% {
opacity: 1;
transform: translate(0, 0%);
}
}
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative; }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative; }
}*/
/* @keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative; }
} */
@keyframes dz5 {
0% {
opacity: 0;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes dz6 {
0% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes dz7 {
0% {
opacity: 0;
transform: translate(-40%, 40%);
}
100% {
opacity: 1;
transform: translate(0, 0%);
}
}
/* 通用设置 */
.hei::after {
content: "";
display: block;
clear: both;
}
.sjcx {
display: none;
}
.BigDiv {
max-width: 1903px;
min-width: 1200px;
width: 100%;
margin: auto;
position: relative;
}
.cen {
width: 86%;
max-width: 1200px;
margin: auto;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
.sjcx {
display: inline-block;
}
.sjyc {
display: none;
}
.ment img {
width: 30px;
}
.ment {
float: right;
margin-top: 7px;
}
}
.banner {
position: relative;
}
.banner img {
display: block;
max-width: 100%;
height: auto;
}
.fl {
float: left;
}
.ri {
float: right;
}
.size {
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% auto !important;
transition: 0.5s;
}
.size:hover {
background-size: 110% auto !important;
}
.size img {
display: block;
width: 100%;
}
.more.cen {
text-align: center;
margin: 40px auto;
}
.more.cen a {
font-size: 21px;
}
.page {
text-align: center;
margin-top: 40px;
margin-bottom: 20px;
}
.page a {
color: #333333;
font-size: 14px;
line-height: 36px;
text-align: center;
background: #f5f8fb;
border-radius: 5px;
display: inline-block;
padding: 2px 15px;
margin: 0 5px;
}
.page a.on_pages {
color: #fff;
background: #414e96;
}
.page a.on {
color: #fff;
background: #414e96;
}
.page .s {
border: 1px solid #666666;
display: inline-block;
width: 30px;
transition: 0.5s;
height: 30px;
font-size: 17px;
border-radius: 20px;
text-align: center;
line-height: 30px;
box-sizing: border-box;
}
.page .s:hover {
background: #616161;
color: #fff;
}
.page .s.on {
background: #616161;
color: #fff;
}
img {
max-width: 100%;
height: auto;
}
/* 顶部区域 */
.top {
background: #fff;
height: 80px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.top .cen {
max-width: 1500px;
}
.top .logo {
float: left;
width: 200px;
margin-top: 12px;
}
.top .nva {
float: left;
margin-left: 14%;
}
.top .nva > li {
height: 80px;
line-height: 80px;
float: left;
margin: 0 10px;
}
.top .nva > li:first-child {
display: none;
}
.top .nva > li > a {
padding: 0 20px;
display: block;
}
.top .nva > li:hover {
background: #004ea2;
}
.top .nva > li:hover > a {
color: #fff;
}
.top .nva > li.on {
background: #004ea2;
}
.top .nva > li.on > a {
color: #fff;
}
.top .nva li .text {
position: absolute;
width: 100%;
left: 0;
display: none;
transition: 0.5s;
padding: 0px 0;
background: url("/i/b1.jpg") no-repeat center #f6f6f6;
z-index: 9;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.top .nva li .text3 {
position: absolute;
width: 100%;
left: 0;
display: none;
transition: 0.5s;
padding: 0px 0;
background: url("/i/b1.jpg") no-repeat center #f6f6f6;
z-index: 9;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
text-align: center;
}
.top .nva li:hover .text3 {
display: block;
}
.text3 .cen {
text-align: center;
padding: 40px 0;
padding-bottom: 50px;
line-height: normal;
}
.text3 .cen > p {
display: inline-block;
width: 40%;
line-height: 2;
margin: 0 2%;
}
.text31 .cen > p {
width: 26.33%;
}
.text3 .cen > p:hover a {
color: #004ea2;
transition: 0.5s;
}
.text3 .cen > p a {
color: #333333;
font-size: 20px;
font-weight: bold;
}
.text3 .cen > p img {
display: block;
margin: auto;
margin-top: 20px;
}
.top .nva li:hover .text {
padding: 40px 0;
display: block;
}
.top .nva li .text .fl1 p:hover a {
color: #004ea2;
}
.top .nva li .text .cen {
max-width: 1000px;
}
.top .nva li .text .fl1 {
width: 22%;
border-right: 1px solid #e6e6e6;
margin-right: 10%;
}
.top .nva li .text .fl1 p {
line-height: 50px;
position: relative;
}
.top .nva li .text .fl1 p a {
font-size: 18px;
font-weight: bold;
}
.top .nva li .text .fl1 .fl1s a {
font-weight: normal;
}
.top .nva li .text .fl1 .fl1s {
line-height: 10px;
margin-bottom: 20px;
position: relative;
left: 10px;
}
.top .nva li .text .fl1 .fl1s a {
font-size: 14px;
}
.top .nva li .text .fl1 p::before {
content: "";
position: absolute;
width: 4px;
height: 4px;
top: 50%;
background: #dadada;
margin-left: -12px;
}
.top .nva li .text .fl2 {
width: 66%;
}
.top .nva li .text .fl2 .pic {
width: 26%;
margin-right: 5%;
margin-top: 0px;
}
.top .nva li .text .fl2 p {
color: #333333;
float: left;
font-size: 34px;
margin-top: 20px;
line-height: 1.5;
}
.top .nva li .text2a .fl2 {
width: 66%;
margin-top: 30px;
}
.top .nva li .text2a .fl2 .pic {
width: 26%;
float: left;
margin-right: 5%;
margin-top: 0px;
}
.top .nva li .text2a .fl2 p {
color: #333333;
float: left;
margin-top: 12px;
font-size: 34px;
margin-left: 30px;
line-height: 1.5;
}
.top .nva li .text2 {
display: none;
position: absolute;
width: 100%;
left: 0;
display: none;
transition: 0.5s;
background: url("/i/b1.jpg") no-repeat center #f6f6f6;
z-index: 9;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
padding: 50px 0;
}
.top .nva li:hover .text2 {
display: block;
}
.top .nva li .text2 .cen {
max-width: 1000px;
}
.top .nva li .text4 .cen{ position: relative;}
.top .nva li .text2 .fl1 {
width: 18%;
padding-right: 5%;
border-right: 1px solid #e6e6e6;
margin-right: 3%;
}
.top .nva li .text4 {
padding:50px 0 100px;
}
.top .nva li .text4 > div {
padding: 0px;
width: 100%;
padding-bottom:120px;
}
.top .nva li .text4 .fl1{ padding-right: 0;}
.top .nva li .text4 > div .item {
cursor: pointer;
color: #333333;
font-size: 18px;
font-weight: bold;
line-height: 50px;
width: calc(100% - 10px);
padding: 0 5px;
}
.top .nva li .text4 > div .item .itembox .item{ font-size: 16px;font-weight: normal; text-indent: 15px;}
.top .nva li .text4 > div > div .itembox {
position: absolute;
width: 100%;
left: 180px;
top: 0px;
height: 100%;
/*! overflow-y: scroll; */
}
.top .nva li .text4 > div > div .itembox:last-child{background: none; }
.top .nva li .text4 .itembox {
display: none;
}
.top .nva li .text4 .item:hover > .itembox {
display: block;
}
.top .nva li .text4 > div .first{
background: url("/i/ri.png") no-repeat 90% 50%;
}
.top .nva li .text4 > div .item:hover {
background: url("/i/ri.png") no-repeat 90% 50% #f2f2f2;
color: #004ea2;
}
.top .nva li .text4 > div .item .end:hover{ background: #f2f2f2;}
.top .nva li .text4 > div > div:hover > .itembox {display: block;}
.top .nva li .text4 > div > div .dh2,
.top .nva li .text4 > div > div .dh3,
.top .nva li .text4 > div > div .dh4{min-height:300px;}
.top .nva li .text2 .fl1 p {
line-height: 50px;
position: relative;
width: 90%;
padding: 0px 15px;
margin-bottom: 30px;
}
.top .nva li .text2 .fl1 p a {
color: #333333;
font-size: 18px;
font-weight: bold;
}
.top .nva li .text2 .fl1 p.on {
background: url("/i/ri.png") no-repeat 90% 50% #f2f2f2;
}
.top .nva li .text2 .fl1 p.on a {
color: #004ea2;
}
.top .nva li .text2 .fl2 {
width: 72%;
}
.top .nva li .text2 .fl2 .p1 {
line-height: 1.8;
color: #333333;
font-weight: bold;
font-size: 18px;
}
.top .nva li .text2 .fl2 .pic {
margin: 10px 0;
line-height: inherit;
}
.markdown-body table thead tr {
background-color: #d9d9d9 !important;
}
.top .nva li .text2 .fl2 .text2a > div:hover .more {
color: #004ea2;
transition: 0.5s;
}
.top .nva li .text2 .fl2 .text2a > div .pic img {
transition: 0.5s;
}
.top .nva li .text2 .fl2 .text2a .fl2 {
width: 100%;
}
.top .nva li .text2 .fl2 .text2a > div:hover .pic img {
transform: scale(1.1);
}
.top .nva li .text2 .fl2 .smt {
line-height: 1.5;
color: #333333;
font-size: 14px;
}
.top .nva li .text2 .fl2 .more {
color: #df1c1c;
font-size: 14px;
margin-top: 12px;
}
.top .nva li .text2 .fl2 .text2a {
display: none;
}
.top .nva li .text2 .fl2 .text2a > div {
width: 45%;
float: left;
margin-left: 5%;
line-height: normal;
}
.top .nva li .text2 .fl2 .text2a .ft1 {
width: 50%;
margin-left: 10%;
}
.top .nva li .text2 .fl2 .text2a .ft2 {
width: 35%;
}
.top .nva li .text2 .fl2 .ft2 p {
line-height: 65px;
position: relative;
}
.top .nva li .text2 .fl2 .ft2 p::before {
content: "";
position: absolute;
width: 4px;
height: 4px;
top: 50%;
background: #666666;
margin-left: -12px;
}
.top .nva li .text2 .fl2 h1.p1 {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 15px;
margin-bottom: 10px;
}
.top .nva li .text2 .ft2ul li {
float: left;
width: 24%;
margin-right: 1%;
}
.top .nva li .text2 .ft2ul li .p1 {
text-align: center;
}
.top .nva li .text2 .ft2ul {
margin-top: 30px;
}
.top .nva li .text2 .fl2 .text2a:nth-child(2) {
width: 100%;
margin-right: 0;
}
.top .nva li .text2 .fl2 .text2a:nth-child(2) .p1 {
color: #333333;
font-size: 16px;
text-align: center;
}
.top .tel {
float: left;
color: #0092d7;
margin-top: 30px;
margin-left: 5%;
display: none;
}
.top .tel.sc {
display: block;
float: right;
margin-left: 0;
}
.top .tel.sc a {
color: #40a1c4;
}
.top .tel img {
vertical-align: middle;
margin-right: 8px;
position: relative;
top: -3px;
}
.top .form {
width: 80px;
height: 80px;
margin-left: 20px;
background: #eef4f6;
float: right;
position: relative;
}
.top .form p {
text-align: center;
margin-top: 30px;
}
.top .form form {
position: absolute;
width: 179px;
top: 80px;
height: 31px;
padding-top: 3px;
padding-bottom: 3px;
background: #eef4f6;
display: none;
left: 0;
}
.top form input {
border: none;
}
.top form .input_txt {
background: none;
color: #333;
font-size: 14px;
width: 128px;
margin-top: 5px;
}
.top form .input_but {
width: 17px;
height: 18px;
background: url("/i/search.png") no-repeat center;
float: left;
margin-top: 6px;
margin-left: 14px;
margin-right: 4px;
}
.top .form:hover form {
display: block;
z-index: 9;
}
.top .en img {
position: relative;
top: 5px;
margin-right: 3px;
}
.top .en {
float: right;
margin-top: 25px;
margin-left: 25px;
}
.top .en a {
color: #9b9b9b;
text-transform: uppercase;
}
.top .r {
float: right;
margin-top: 29px;
margin-right: 20px;
position: relative;
z-index: 9;
}
.top .r p a {
margin: 0 10px;
font-size: 14px;
}
.top .r .login .name {
color: #666666;
font-size: 13px;
}
.top .r .login img {
background: #fafbfd;
border: 1px solid #dadada;
padding-bottom: 0;
display: inline-block;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
max-width: 25px;
}
.top .r .login .name > div {
display: inline-block;
vertical-align: middle;
}
.downlist {
position: absolute;
width: 200px;
left: 50%;
transform: translateX(-50%);
border-radius: 16px;
overflow: hidden;
padding: 10px 14px;
box-sizing: border-box;
background-color: #f8f8f8;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
display: none;
}
.top .r .logina:hover .downlist {
display: block;
}
.downlist div {
height: 40px;
line-height: 40px;
cursor: pointer;
font-size: 14px;
text-align: left;
color: #454545;
position: relative;
z-index: 99;
width: 100%;
padding-left: 10px;
box-sizing: border-box;
}
.downlist div img {
vertical-align: middle;
padding-right: 8px;
}
.downlist div:hover {
background-color: #f2f2f2;
}
/* banner图 */
.fullslide {
position: relative;
}
.fullslide .cen {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
}
.fullslide .tu2 {
display: none;
}
.fullslide .tu1 {
display: block;
}
.fullslide img {
width: 100%;
height: auto;
}
.fullslide .hd ul li {
width: 15px;
height: 15px;
border-radius: 20px;
transition: 0.5s;
background: #fff;
font-size: 0;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.fullslide .hd ul {
position: absolute;
width: 100%;
bottom: 20px;
text-align: center;
}
.fullslide .hd ul li.on {
background: #0095cc;
}
.fullslide .bd li {
position: relative;
overflow: hidden;
}
.ab1 .pic {
margin-top: 50px;
}
video {
max-width: 80%;
height: auto;
margin: auto;
display: block;
}
.fullslide .bd li video {
width: 100%;
height: auto;
}
.fullslide .text {
position: absolute;
left: 18.5%;
margin-top: 10%;
}
.fullslide .hd > a {
display: none;
}
.fullslide .text .p1 {
color: #f3f8ff;
font-weight: bold;
font-size: 66px;
}
.fullslide .text .p2 {
color: #f3f8ff;
font-size: 30px;
margin-top: 24px;
}
.fullslide .text .p3 {
width: 167px;
height: 47px;
color: #fff;
font-size: 18px;
margin-top: 77px;
line-height: 47px;
background: #1a96ff;
border-radius: 50px;
text-align: center;
line-height: 47px;
}
/* é€šç”¨æ ‡é¢˜ */
.tybt .p1 {
text-align: center;
color: #999999;
text-transform: uppercase;
font-size: 12px;
margin-top: 10px;
}
.tybt .p2 {
text-align: center;
color: #333333;
font-size: 34px;
/* margin-top: 10px; */
}
.ho1,
.ho2,
.ho3 {
padding-top: 70px;
padding-bottom: 90px;
}
.ho1div {
margin-right: -2%;
margin-top: 65px;
}
.ho1 .picScroll-left {
float: left;
width: 31%;
margin-right: 2%;
position: relative;
}
.ho1 .picScroll-left .ptitle {
color: #333333;
font-size: 24px;
text-align: center;
}
.ho1 .picScroll-left .bd li {
width: 100%;
}
.ho1 .picScroll-left .bd li img {
width: 100%;
display: block;
}
.ho1 .picScroll-left .bd {
margin-top: 20px;
box-shadow: 0 0 10px rgba(7, 80, 246, 0.1);
overflow: hidden;
border-radius: 8px;
transition: 0.5s;
}
.ho1 .picScroll-left .hd a {
position: absolute;
top: 45%;
transition: 0.5s;
opacity: 0;
}
.ho1 .picScroll-left:hover .hd a {
opacity: 1;
}
.ho1 .picScroll-left .hd .prev {
margin-right: 5px;
left: 0;
}
.ho1 .picScroll-left .hd .next {
right: 0;
}
.ho1 .picScroll-left .hd a {
padding: 0 5px;
}
.ho1 .picScroll-left .text {
padding: 20px 30px;
box-sizing: border-box;
}
.ho1 .picScroll-left .text .p1 {
color: #333333;
font-size: 18px;
transition: 0.5s;
text-align: center;
}
.ho1 .picScroll-left .text .p2 {
color: #999999;
font-size: 13px;
margin-top: 11px;
line-height: 1.8;
height: 46px;
transition: 0.5s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-align: center;
}
.ho1 .picScroll-left:hover .bd {
background: #004ea2;
}
.ho1 .picScroll-left:hover .text p {
color: #fff;
}
.ho2 {
background: #f0f3f6;
}
.ho2ul ul {
margin-right: -2%;
margin-top: 60px;
}
.ho2ul li {
width: 23%;
margin-right: 2%;
float: left;
border-radius: 8px;
background: #fff;
padding: 65px 25px;
padding-bottom: 45px;
transition: 0.5s;
position: relative;
top: 0;
box-sizing: border-box;
text-align: center;
box-shadow: 0 0 10px rgba(7, 80, 246, 0.1);
}
.ho2ul li .p1 span {
color: #333333;
font-size: 24px;
}
.ho2ul li .p1 a {
color: #333;
font-size: 24px;
}
.ho2ul li .p1::after {
content: "";
width: 30px;
height: 2px;
background: #e2e2e2;
display: block;
margin: 15px auto;
}
.ho2ul li .p1 {
margin-top: 15px;
}
.ho2ul li .p2 {
color: #999999;
}
.ho2ul li:hover {
top: -10px;
box-shadow: 0 0 10px rgba(7, 80, 246, 0.5);
}
.ho3ul {
margin-right: -4%;
margin-top: 54px;
}
.ho3ul li {
width: 21%;
margin-right: 4%;
float: left;
}
.ho3ul li .p1 {
color: #333333;
font-weight: bold;
font-size: 17px;
line-height: 1.8;
margin-top: 12px;
transition: 0.5s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ho3ul li .pic {
max-height: 143px;
overflow: hidden;
}
.ho3ul li .pic img {
width: 100%;
}
.ho3ul li .time {
color: #004ea2;
font-size: 13px;
margin: 12px 0;
}
.ho3ul li .smt {
display: -webkit-box;
color: #999999;
font-size: 13px;
line-height: 1.8;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ho3ul li:hover .p1 {
color: #004ea2;
}
.foot {
background: #004ea2;
}
.fot1 {
padding: 30px 0;
}
.fot1 .fl {
width: 216px;
}
.fot1 .fotul .pic {
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.5);
position: relative;
}
.fot1 .fotul .pic img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.fot1 .fotul .text {
position: absolute;
}
.fot1 .fotul .pic .t2 {
display: none;
}
.fot1 .ri {
margin-top: 15px;
}
.fot1 .fotul li {
float: left;
margin-left: 28px;
position: relative;
}
.fot1 .fotul li:hover .pic {
background: #fff;
}
.fot1 .fotul li:hover .pic .t1 {
display: none;
}
.fot1 .fotul li:hover .pic .t2 {
display: block;
}
.fot1 .fotul li .text {
position: absolute;
left: 50%;
transform: translate(-50%, -100%);
background: #fff;
top: -16px;
padding: 10px 17px;
color: #004ea2;
box-shadow: 0 0 10px rgba(7, 80, 246, 0.5);
display: none;
text-align: center;
min-width: 100px;
}
.fot1 .fotul li:hover .text {
display: block;
}
.fot1 .fotul li .text::after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 50%;
transform: translateX(-50%);
border: 10px solid transparent;
border-top: 10px solid #fff;
bottom: -15px;
}
.fot2 {
border-top: 1px solid #3170b4;
padding-top: 30px;
overflow: hidden;
}
.fot2 ul li .p1 {
color: #ffffff;
font-size: 17px;
}
.fot2 ul li .p1 a {
color: #ffffff;
font-size: 17px;
}
.fot2 ul li p {
line-height: 2;
}
.fot2 ul li {
float: left;
/* margin-right: 14%; */
width: 25%;
}
.fot2 ul {
margin-right: -25.5%;
}
.fot2 ul li p a {
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
}
.fot3 {
border-top: 1px solid #3170b4;
padding: 20px 0;
margin-top: 25px;
overflow: hidden;
text-align: center;
color: rgba(255, 255, 255, 0.5);
}
.fot3 a,
.fot3 p {
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
}
.in_cdh {
width: 65px;
position: fixed;
right: 0;
top: 35%;
z-index: 100;
}
.in_cdh > div {
display: block;
cursor: pointer;
position: relative;
width: 50px;
height: 50px;
border-radius: 8px;
margin-bottom: 12px;
background-color: #fff;
box-shadow: 0 0 10px rgba(7, 80, 246, 0.1);
}
.in_cdh > div > a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.in_cdh > div .icona {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.in_cdhyc {
width: 111px;
height: 108px;
background-repeat: no-repeat;
background-size: auto;
background-position: left;
position: absolute;
right: 64px;
top: 0;
z-index: 2;
padding-right: 8px;
display: none;
}
.in_cdh > div:hover .in_cdhyc {
display: block;
}
.in_cdt1 {
font-size: 26px;
line-height: 28px;
color: #444444;
display: block;
padding-left: 30px;
padding-top: 18px;
}
.in_cdt2 {
font-size: 22px;
line-height: 28px;
color: #444444;
display: block;
padding-left: 30px;
padding-top: 18px;
}
.in_cdt3 {
font-size: 26px;
line-height: 28px;
color: #444444;
display: block;
padding-left: 30px;
padding-top: 25px;
font-weight: bold;
}
.markdown-body {
text-align: center;
text-align: center;
}
.markdown-body table {
display: inline-block !important;
margin: auto;
width: auto !important;
}
.markdown-body table td,
.markdown-body table th {
text-align: left !important;
}
.in_cdt4 {
width: 89px;
display: block;
margin: 10px 10px 0px 8px;
}
.in_cdh div a {
position: relative;
display: block;
z-index: 16;
}
.in_ct1 {
line-height: 65px;
font-size: 18px;
padding: 0 15px;
position: absolute;
right: -205px;
top: 0;
z-index: 15;
width: 150px;
min-height: 65px;
text-align: center;
background-color: #004ea2;
transition: all 0.3s;
color: #ffffff;
}
.in_ct1.rx{line-height: 35px;}
.in_cdh div:hover .in_ct1 {
right: 65px;
transition: all 0.3s;
}
/* 通用内页banner */
.banner .text {
position: absolute;
margin-top: 5%;
}
.Support .banner .text {
margin-top: 7%;
}
.banner .text .p1 {
color: #ffffff;
font-size: 50px;
font-weight: bold;
}
.banner .text .p2 {
color: #ffffff;
font-size: 20px;
margin-top: 12px;
}
/* 通用导航 */
.tydh {
border-bottom: 1px solid #e5e5e5;
}
.tydh .fl li {
float: left;
height: 79px;
line-height: 79px;
margin-right: 72px;
border-bottom: 2px solid #fff;
}
.tydh .fl li a {
color: #333333;
display: block;
}
.tydh .fl li:hover {
border-bottom: 2px solid #004ea2;
}
.tydh .fl li.checkon {
border-bottom: 2px solid #004ea2;
}
.tydh .fl .lid1 li.checkon {
display: block;
}
.tydh .fl .lid79 li.checkon {
display: block;
}
.tydh .fl .lid153 li {
display: none;
}
.tydh .fl .lid153 li.checkon {
display: block;
}
/* .tydh .fl .lid1 li{display: none; } */
.tydh .ri {
line-height: 79px;
}
.ys2 {
background: #eff3f6;
}
.ys2 .cen {
background: #fff;
padding: 50px 100px;
margin-top: -50px;
position: relative;
z-index: 2;
box-sizing: border-box;
}
.ys2 .p1 {
text-align: center;
color: #333333;
font-size: 34px;
margin-bottom: 40px;
}
.ys2 .p2 {
color: #949494;
line-height: 1.8;
border-bottom: 1px solid #f7f7f7;
padding-bottom: 40px;
margin-bottom: 40px;
}
.ys2div2 p strong {
color: #1c97da;
display: block;
margin-bottom: 15px;
}
.ys2div2 p {
line-height: 1.8;
color: #999;
}
.ys2div2 .pic {
text-align: center;
margin: 30px 0;
}
.tydh .ri a {
color: #999999;
font-size: 13px;
}
.tydh .ri span:last-child a {
color: #333333;
}
/* å†…é¡µé€šç”¨æ ‡é¢˜ */
.tybt2 .p1 {
color: #333333;
font-size: 34px;
text-align: center;
font-weight: bold;
}
.tybt2 .p2 {
text-align: center;
color: #999999;
font-size: 12px;
text-transform: uppercase;
margin: 8px 0;
}
.tybt2 .p2::after {
content: "";
background: #004ea2;
height: 3px;
width: 26px;
margin: auto;
display: block;
margin-top: 15px;
}
.ab1,
.ab2,
.ab3,
.ab4,
.glc,
.ab5,
.ab6,
.ab7 {
padding: 50px 0;
}
.ab1div {
overflow: hidden;
margin-top: 50px;
}
.ab1div .fl {
width: 60%;
}
.ab1div .ri {
width: 36%;
}
.ab1div .fl .p1 {
color: #000000;
font-weight: bold;
font-size: 18px;
border-top: 1px solid #e9e9e9;
padding-top: 20px;
margin-top: 20px;
}
.ab1div .fl .p1:nth-child(1) {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.ab1div .fl p {
margin-bottom: 15px;
line-height: 2;
color: #333333;
font-size: 15px;
}
.ab1ul li {
width: 25%;
display: inline-block;
text-align: center;
}
.ab1ul {
font-size: 0;
}
.ab1ul li .p1 span {
color: #0092d7;
font-size: 40px;
font-weight: bold;
}
.ab1ul li .p1 a {
color: #0092d7;
font-weight: bold;
font-size: 26px;
}
.ab1ul li .p2 {
color: #999999;
margin-top: 10px;
}
.ab2 {
background: #f0f3f6;
}
.ab2ul li {
width: 20%;
float: left;
margin-right: 5%;
}
.ab2ul li .p3 {
display: none;
}
.glc .ab2ul li:nth-child(1) {
width: 95%;
margin-right: 0;
background: #fbfaf8;
overflow: hidden;
margin-bottom: 80px;
}
.glc .ab2ul li:nth-child(1) .pic {
float: right;
margin-left: 30px;
width: 30%;
}
.glc .ab2ul li:nth-child(1) .pic img {
display: block;
}
.glc .ab2ul li:nth-child(1) .text {
padding: 24px;
box-sizing: border-box;
text-align: left;
}
.glc .ab2ul li:nth-child(1) .p3 {
display: block;
line-height: 1.8;
color: #999;
}
.glc .ab2ul li:nth-child(1) .p1 {
font-size: 24px;
}
.glc .ab2ul li:nth-child(1) .p2 {
font-size: 18px;
margin-bottom: 10px;
}
.glc .ab2ul li:nth-child(1) p {
text-align: left;
}
.ab2ul {
margin-right: -5%;
font-size: 0;
margin-top: 45px;
overflow: hidden;
}
.ab2ul li .p1 {
color: #333333;
font-weight: bold;
font-size: 18px;
text-align: center;
margin-top: 24px;
}
.ab2ul li .p2 {
color: #999999;
font-size: 14px;
margin-top: 10px;
text-align: center;
}
.ab2ul li .pic {
overflow: hidden;
}
.ab2ul li .pic img {
transition: 0.5s;
}
.ab2ul li:hover .pic img {
transform: scale(1.1);
}
.ab2 .more {
width: 165px;
height: 45px;
margin: auto;
margin-top: 30px;
transition: 0.5s;
border-radius: 5px;
color: #004ea2;
border: 1px solid #004ea2;
border-radius: 5px;
text-align: center;
line-height: 45px;
}
.ab2 .more a {
color: #004ea2;
display: block;
}
.ab2 .more:hover {
background: #004ea2;
}
.ab2 .more:hover a {
color: #fff;
}
.ab3 {
background: url("/i/b2.jpg") center no-repeat;
height: 770px;
box-sizing: border-box;
position: relative;
}
.ab3 .tybt2 p {
color: #fff;
}
.ab3 .tybt2 .p2::after {
background: #fff;
}
.ab3ul li .p1 {
color: #ffffff;
font-size: 55px;
font-weight: bold;
text-align: center;
opacity: 0.2;
transition: 0.5s;
}
.ab3ul li .text p {
color: #ffffff;
font-size: 14px;
font-weight: bold;
margin-top: 35px;
}
.ab3ul li .text {
display: none;
}
.ab3ul li {
display: inline-block;
width: 20%;
transition: 0.5s;
vertical-align: top;
}
.ab3ul li.on {
margin: auto;
width: 40%;
}
.ab3ul li.on .text {
display: block;
margin: auto;
max-width: 500px;
}
.ab3ul li.on .p1 {
opacity: 1;
}
.ab3ul li.on1 {
width: 20%;
}
.ab3ul li.on2 {
width: 20%;
}
.ab3ul {
font-size: 0;
margin-top: 40px;
}
.ab3p {
position: absolute;
bottom: 50px;
text-align: center;
width: 100%;
left: 0;
}
.ab3p p {
color: #7e7e7e;
font-weight: bold;
display: inline-block;
margin: 0 25px;
font-size: 22px;
}
.ab3p .on {
color: #fff;
}
.ab4ul li {
width: 24%;
margin-right: 1%;
float: left;
}
.ab4ul li .p1 {
color: #333333;
font-size: 18px;
margin-top: 15px;
text-align: center;
}
.ab4ul {
margin-right: -1%;
overflow: hidden;
margin-top: 50px;
}
.glc li {
margin-bottom: 40px;
}
.glc2 {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
z-index: 999;
display: none;
}
.video video {
max-width: 100%;
}
.Home .glc2 .gl2div {
width: 60%;
padding: 50px 60px;
}
.glc2 .gl2div {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 62%;
background: #fff;
border-radius: 8px;
padding: 50px 80px;
text-align: center;
box-sizing: border-box;
}
.gl2div .pica img {
max-height: 500px;
}
.gl2div .pic img {
max-height: 600px;
}
.glc2 .gl2div .fl {
width: 320px;
}
.glc2 .gl2div .ri {
width: calc(100% - 400px);
text-align: left;
}
.glc2 .gl2div .close {
position: absolute;
right: 30px;
top: 30px;
cursor: pointer;
}
.glc2 .gl2div .ri .p1 {
color: #333333;
font-weight: bold;
font-size: 24px;
}
.glc2 .gl2div .ri .p2 {
color: #333333;
font-weight: bold;
font-size: 16px;
margin-top: 12px;
}
.glc2 .gl2div .ri .p2::after {
content: "";
width: 19px;
height: 4px;
background: #004ea2;
display: block;
margin-top: 22px;
}
.glc2 .gl2div .ri .text p {
color: #666666;
font-size: 14px;
line-height: 2;
margin-top: 22px;
}
.ab5div p {
color: #333333;
font-size: 15px;
line-height: 2;
}
.ab5div {
margin-top: 46px;
margin-bottom: 70px;
}
.ab5div .pic {
text-align: center;
margin-top: 40px;
}
.ab5div .pic img {
max-width: 29.33%;
margin: 0 2%;
}
.ab6div .picScroll-left {
margin-top: 60px;
}
.ab6div .picScroll-left .tempWrap {
overflow: inherit !important;
}
.ab6div .picScroll-left .bd li {
width: 100%;
max-width: 1080px;
margin: 0 40px;
filter: blur(5px);
transition: 0.5s;
position: relative;
}
.ab6div .picScroll-left .bd li.on {
filter: blur(0px);
}
.ab6div .picScroll-left .bd li .text {
position: absolute;
margin-top: 70px;
padding-right: 60px;
margin-left: 60px;
}
.ab6div .picScroll-left .bd li .text .p1 {
color: #ffffff;
font-size: 40px;
font-weight: bold;
}
.ab6div .picScroll-left .bd li .text .p2 {
color: #ffffff;
font-size: 24px;
margin-top: 24px;
}
.ab6div .picScroll-left .hd li {
font-size: 0;
width: 66px;
height: 4px;
background: #c7cacc;
margin: 0 12px;
display: inline-block;
vertical-align: bottom;
text-align: center;
}
.ab6div .picScroll-left:hover .hd a {
opacity: 1;
}
.ab6div .picScroll-left .hd a {
position: absolute;
top: 45%;
opacity: 0;
transition: 0.5s;
}
.ab6div .picScroll-left {
position: relative;
}
.ab6div .picScroll-left .hd .prev {
left: 5%;
}
.ab6div .picScroll-left .hd .next {
right: 8%;
}
.ab6div .picScroll-left .hd li.on {
background: #004ea2;
height: 7px;
transition: 0.5s;
}
.ab6div .picScroll-left .hd {
text-align: center;
margin-top: 20px;
margin-bottom: 50px;
}
.ab6 {
overflow: hidden;
}
.ab7 {
border-bottom: 1px solid #e9e9e9;
}
.ab7ul {
font-size: 0;
margin-right: -1%;
margin-top: 35px;
margin-bottom: 35px;
}
.ab7ul li {
width: 24%;
margin-right: 1%;
margin-bottom: 1%;
float: left;
background: #f9f9f9;
border-radius: 8px;
padding: 40px 30px;
box-sizing: border-box;
}
.ab7ul li .p1 {
text-align: center;
margin-top: 30px;
color: #333333;
font-size: 14px;
}
.ab7ul li .pic img {
display: block;
}
.ab7ul li .pic {
position: relative;
}
.ab7ul li .p0 {
position: absolute;
display: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.8);
}
.ab7ul li .p0 img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.ab7ul li:hover {
background: #004ea2;
}
.ab7ul li:hover .p0 {
display: block;
}
.ab7ul li:hover .p1 {
color: #fff;
}
.pr1ul {
width: 100%;
display: table;
font-size: 0;
margin-top: 45px;
margin-bottom: 40px;
}
.pr1ul li {
display: inline-block;
width: 31.33%;
margin: 0 1%;
margin-bottom: 2%;
background: #e6e6e6;
height: 170px;
padding: 30px 0;
box-sizing: border-box;
text-align: center;
}
.pr1ul li .pic .t2 {
display: none;
}
.pr1ul li .p1 {
color: #666666;
font-size: 20px;
margin-top: 14px;
}
.pr1ul li.on {
background: #004ea2;
}
.pr1ul li.on .pic .t1 {
display: none;
}
.pr1ul li.on .pic .t2 {
display: inline-block;
}
.pr1ul li.on .p1 {
color: #ffffff;
}
.pr1ul li:hover {
background: #004ea2;
}
.pr1ul li:hover .pic .t1 {
display: none;
}
.pr1ul li:hover .pic .t2 {
display: inline-block;
}
.pr1ul li:hover .p1 {
color: #ffffff;
}
.pr2ul li {
width: 23%;
margin: 1%;
background: #fff;
float: left;
border-radius: 5px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;
box-sizing: border-box;
}
.pr2ul0 {
text-align: center;
margin-top: 20px;
}
.pr2ul0 li {
display: inline-block;
border: 1px solid #004ea2;
border-radius: 5px;
margin: 0 10px;
}
.pr2ul0 li a {
padding: 10px 10px;
display: block;
color: #004ea2;
}
.pr2ul0 li.checkon {
background: #004ea2;
}
.pr2ul0 li.checkon a {
color: #fff;
}
.pr2ul li .pic {
text-align: center;
}
.pr2ul li .pic img {
max-height: 137.2px;
}
.pr2ul {
overflow: hidden;
margin-top: 15px;
margin-bottom: 80px;
}
.product {
background: #fafafa;
}
.pr2ul li .p1 {
color: #333333;
font-size: 18px;
text-align: center;
margin-top: 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.pr2ul li .p2 {
color: #999999;
font-size: 14px;
text-align: center;
margin-top: 15px;
margin-bottom: 20px;
height: 35px;
}
.pr2ul li .more {
border: 1px solid #0092d7;
color: #0092d7;
width: 107px;
height: 35px;
line-height: 35px;
text-align: center;
margin: auto;
border-radius: 20px;
}
.product .tydh {
background: #fff;
}
.product .tydh .fl li {
font-size: 22px;
}
.pr3 {
margin-top: 40px;
}
.pr3div {
background: #fff;
padding: 40px 50px;
box-sizing: border-box;
}
.pr3div > .fl {
width: 38%;
}
.pr3div > .fl .pic {
text-align: center;
}
.pr3div > .ri {
width: 53%;
}
.pr3div .picScroll-left .hd {
display: none;
}
.pr3div .picScroll-left {
text-align: center;
}
.pr3div .picScroll-left .bd {
}
.pr3div .picScroll-left .bd li {
width: 16%;
margin: 0 5px;
box-sizing: border-box;
cursor: pointer;
float: left;
}
.pr3div .picScroll-left .bd li.on {
}
.pr3div .picScroll-left .bd li img {
display: block;
border: 1px solid #e5e5e5;
}
.pr3div .picScroll-left .bd li.on img {
border: 1px solid #616265;
}
.pr3div .picScroll-left .bd .tempWrap {
margin: auto;
}
.pr3div .picScroll-left .bd ul {
overflow: hidden;
}
.pr3div .picScroll-left .hd {
}
.pr3div .picScroll-left .hd a {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.pr3div .picScroll-left .hd .fl {
left: -10px;
}
.pr3div .picScroll-left .hd .ri {
right: -10px;
}
.pr3div .picScroll-left {
position: relative;
margin-top: 10px;
}
.pr3div > .ri .p1 {
color: #333333;
font-weight: bold;
font-size: 30px;
}
.pr3div > .ri .text p {
color: #333333;
font-size: 15px;
line-height: 1.8;
margin-top: 20px;
}
.pr3div > .ri .p2 {
margin-top: 25px;
display: none;
}
.pr3div > .ri .p2 span {
color: #004ea2;
font-size: 15px;
}
.pr3div > .ri .p2 span:nth-child(2) {
display: none;
}
.pr3div > .ri .p2.on span:nth-child(2) {
display: block;
}
.pr3div > .ri .p2.on span:nth-child(1) {
display: none;
}
.pr3div > .ri .p3 a {
display: inline-block;
width: 150px;
transition: 0.5s;
height: 35px;
line-height: 35px;
text-align: center;
border: 1px solid #004ea2;
border-radius: 5px;
color: #004ea2;
font-size: 15px;
margin-right: 13px;
}
.pr3div > .ri .p3 {
margin-top: 30px;
display: none;
}
.pr3div > .ri .p3 a:hover {
background: #004ea2;
color: #fff;
}
.pr4 {
margin-top: 30px;
}
.pr4p p {
display: inline-block;
width: 20%;
text-align: center;
line-height: 56px;
background: #737373;
color: #fff;
}
.pr4p p a {
color: #fff;
}
.pr4p p.on {
background: #004ea2;
}
.pr4p {
font-size: 0;
text-align: center;
}
.pr4d {
padding: 30px;
padding-bottom: 50px;
box-sizing: border-box;
background-color: #ffffff;
margin: 40px 0;
}
.pr4d .pic {
text-align: center;
}
.pr4d del{text-decoration: none;}
.pr4d p {
color: #666;
font-size: 15px;
line-height: 1.8;
}
.re1,
.re2,
.re3,
.re4,
.re5,
.re6,
.re7,
.re8,
.re9,
.re10,
.re11,
.re12,
.re13 {
padding: 60px 0;
}
.re1ul li {
width: 28.33%;
margin-right: 5%;
float: left;
position: relative;
box-shadow: 0 0 10px rgba(7, 80, 246, 0.1);
}
.re1ul li .pic img {
display: block;
}
.re1ul {
margin-right: -5%;
overflow: hidden;
margin-top: 48px;
padding-bottom: 10px;
}
.re1ul li .text {
position: absolute;
bottom: 0;
background: #fff;
height: 70px;
width: 100%;
box-sizing: border-box;
overflow: hidden;
transition: 0.5s;
padding: 0 30px;
}
.re1ul li .text .p1 {
text-align: center;
height: 70px;
line-height: 70px;
font-size: 22px;
}
.re1ul li .text .smt {
color: #ffffff;
line-height: 1.8;
font-size: 14px;
text-align: center;
}
.re1ul li:hover .text {
height: 100%;
background: rgba(0, 78, 162, 0.9);
}
.re1ul li:hover .p1 {
color: #fff;
}
.re1ul li:hover .more {
font-size: 14px;
color: #fff;
font-size: 14px;
text-align: center;
margin-top: 40px;
}
.re2 {
background: url("/i/c1.jpg") no-repeat center;
}
.re2 .tybt2 .p1 {
color: #fff;
}
.re2 .tybt2 .p2 {
color: #fff;
}
.re2 .tybt2 .p2::after {
background: #fff;
}
.re2ul li {
width: 31.33%;
margin-right: 2%;
float: left;
}
.re2ul {
overflow: hidden;
margin-top: 44px;
}
.re2ul li p {
position: absolute;
padding: 20px;
margin-top: 28px;
color: #ffffff;
font-weight: bold;
font-size: 22px;
line-height: 1.5;
}
.re2ul li:nth-child(1) p {
background: rgba(0, 78, 162, 0.8);
}
.re2ul li:nth-child(2) p {
background: rgba(32, 173, 178, 0.8);
}
.re2ul li:nth-child(3) p {
background: rgba(19, 151, 109, 0.8);
}
.re3 {
background: #fafafa;
}
.re3ul {
margin-right: -2%;
margin-top: 36px;
}
.re3ul li {
width: 31.33%;
margin-right: 2%;
box-shadow: 0 0 10px rgba(7, 80, 246, 0.1);
position: relative;
float: left;
margin-bottom: 2%;
overflow: hidden;
padding: 40px 30px;
box-sizing: border-box;
background: #ffffff;
}
.re3ul li .pic {
width: 72px;
float: left;
}
.re3ul li .pic img {
max-width: 50px;
}
.re3ul li .p1 {
width: calc(100% - 132px);
color: #666666;
font-size: 18px;
right: 20px;
line-height: 1.8;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.re4div {
margin-top: 50px;
}
.re4div .fl {
width: 45%;
}
.re4div .ri {
width: 45%;
}
.re4div .fl p {
height: 40px;
line-height: 40px;
padding-left: 18px;
color: #666666;
font-size: 15px;
}
.re4div .fl p:nth-child(2n-1) {
background: url("/i/c2.jpg") no-repeat left;
margin-top: 15px;
margin-bottom: 5px;
color: #fff;
font-size: 18px;
font-weight: bold;
}
.re4div .ri {
padding: 8px;
border-radius: 8px;
background: #fff;
box-shadow: 0 0 10px rgba(7, 80, 246, 0.1);
}
.re4div .ri img {
display: block;
width: 100%;
border-radius: 8px;
}
.re5 {
background: #eef3f8;
}
.re5ul li {
width: 50%;
float: left;
padding: 30px 46px;
box-sizing: border-box;
}
.re5ul {
margin-top: 70px;
position: relative;
overflow: hidden;
}
.re5ul::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
top: 50%;
background: #dee9f5;
left: 0;
}
.re5ul::after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0%;
left: 50%;
background: #dee9f5;
}
.re5ul li .pic {
float: left;
width: 100px;
height: 100px;
}
.re5ul li .text {
float: left;
width: calc(100% - 120px);
margin-left: 20px;
}
.re5ul li .text .p1 {
color: #333333;
font-size: 22px;
}
.re5ul li .text .p2 {
color: #666666;
font-size: 14px;
line-height: 1.8;
margin-top: 16px;
}
.re6a {
padding: 60px 0;
}
.re6 {
background: #f9faff;
}
.re6aul {
margin-right: -3%;
overflow: hidden;
}
.re6aul li {
width: 30.33%;
margin-right: 3%;
margin-top: 5%;
float: left;
}
.re6aul li .pic img {
width: 100%;
display: block;
}
.re6aul li .text {
background: #f7f7f7;
padding: 20px;
}
.re6aul li .text .p1 {
font-size: 20px;
color: #2e2e2e;
line-height: 1.6;
height: 64px;
margin-bottom: 8px;
}
.re6aul li .text .p2 {
color: #636363;
font-size: 14px;
line-height: 1.8;
height: 50px;
}
.re6aul li .text .p3 {
color: #1258a0;
margin-top: 14px;
}
.re6ul li {
background: #fff;
padding: 40px 35px;
box-sizing: border-box;
margin-bottom: 30px;
overflow: hidden;
}
.re6ul {
margin-top: 44px;
}
.re6ul li .pic {
width: 443px;
float: left;
margin-right: 45px;
}
.re6ul li .text {
float: right;
width: calc(100% - 500px);
}
.re6ul li .text .p1 {
color: #333333;
font-weight: bold;
font-weight: bold;
font-size: 24px;
}
.re6ul li .text .smt {
color: #666666;
line-height: 2;
margin-top: 16px;
height: 162px;
}
.re6ul li .text .bq {
}
.re6ul li .text .bq span {
color: #004ea2;
margin-right: 35px;
position: relative;
display: block;
margin-bottom: 12px;
}
.re6ul li .text .bq span::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
display: inline-block;
background: #0e57a2;
position: absolute;
top: 50%;
margin-top: -2px;
margin-left: -14px;
}
.re7ul {
margin-right: -3%;
margin-top: 50px;
}
.re7ul li {
width: 30.33%;
margin-right: 3%;
margin-bottom: 3%;
position: relative;
float: left;
}
.re7ul li .text {
background: #fff;
float: left;
height: 160px;
width: 100%;
padding: 30px 20px;
box-sizing: border-box;
}
.re7 {
background: #f2f3f5;
}
.re7ul li .text .p1 {
color: #333333;
font-weight: bold;
font-size: 22px;
}
.re7ul li .text .p1::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #004ea2;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.re7ul li .text .p2 {
color: #999999;
margin-top: 18px;
font-size: 15px;
line-height: 1.5;
}
.re7ul li .text .smt {
display: none;
}
.re7ul li .text .smt p {
line-height: 1.8;
color: #fff;
font-size: 15px;
}
.re7ul li:hover .text {
background: url("/i/jb.png") no-repeat top;
position: absolute;
height: 100%;
}
.re7ul li:hover > img {
margin-top: 160px;
}
.re7ul li:hover .text .p1 {
color: #fff;
}
.re7ul li:hover .text .p2 {
display: none;
}
.re7ul li:hover .text .smt {
display: block;
margin-top: 15px;
}
.re8 .fl {
width: 49%;
}
.re8 .ri {
width: 49%;
}
.re8d2 {
margin-top: 40px;
}
.re8 .ri .re8div .p2 {
display: none;
}
.re8 .ri .re8div .p1 {
height: 64px;
line-height: 64px;
padding-left: 26px;
font-size: 18px;
transition: 0.5s;
}
.re8 .ri .re8div {
background: #d2dfed;
margin-bottom: 14px;
transition: 0.5s;
}
.re8 .ri .re8div.on .p2 {
display: block;
color: #fff;
line-height: 1.8;
padding: 0 26px;
}
.re8 .ri .re8div.on {
background: #1260af;
padding: 15px 0;
}
.re8 .ri .re8div.on .p1 {
line-height: 2;
height: auto;
color: #fff;
margin-bottom: 0;
font-weight: bold;
}
.re9 {
background: #f4f4f4;
}
.re9ul li {
background: #fff;
padding: 40px 50px;
margin-top: 35px;
overflow: hidden;
position: relative;
}
.re9ul li .pic {
width: 107px;
height: 107px;
float: left;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.re9ul li .pic img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.re9ul li .text {
float: right;
width: calc(100% - 130px);
}
.re9ul li .text .p1 {
color: #333333;
font-size: 24px;
font-weight: bold;
}
.re9ul li .text .p2 {
color: #666666;
line-height: 2;
margin-top: 10px;
}
.re10ul li {
width: 100%;
margin-bottom: 30px;
}
.re10ul {
margin-top: 65px;
overflow: hidden;
}
.re10ul li .pic {
text-align: center;
}
.re10ul li .p1 {
text-align: center;
color: #333333;
font-weight: bold;
font-size: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.re10ul li .smt {
text-align: center;
color: #666666;
font-size: 15px;
line-height: 2;
}
.re11 {
background: url("/i/d1.jpg") no-repeat center;
}
.re11 .re11div {
width: 80%;
margin: auto;
color: #333333;
line-height: 2.5;
font-size: 20px;
margin-top: 100px;
margin-bottom: 40px;
}
.re11div > p {
font-size: 25px;
text-align: center;
}
.re12 .text {
color: #666666;
font-size: 18px;
text-align: left;
line-height: 1.5;
margin: 25px 0;
padding-left: 12%;
}
.re12div {
text-align: center;
}
.re12pic {
overflow-y: auto;
height: 500px;
}
.re12pic .pic {
text-align: center;
}
.re13 {
background: url("/i/d2.jpg") no-repeat center;
}
.re13 .tybt2 .p1 {
color: #ffffff;
}
.re13 .tybt2 .p2 {
color: #ffffff;
}
.re13 .tybt2 .p2::after {
background: #fff;
}
.re13div {
height: 293px;
margin-right: -1%;
margin-top: 40px;
}
.re13div > div {
float: left;
margin-right: 1%;
}
.re13div .fl1 {
width: 13%;
background: #4691d8;
height: 100%;
text-align: center;
color: #ffffff;
font-size: 24px;
padding-top: 60px;
box-sizing: border-box;
line-height: 1.8;
}
.re13div .fl2 {
width: 24%;
}
.re13div .fl3 {
width: 60%;
}
.re13div > div p {
background: #e5eef6;
line-height: 65px;
margin-bottom: 12px;
padding-left: 38px;
}
.re13div .fl2 p {
color: #333333;
font-weight: bold;
}
.re13div .fl3 p {
color: #666666;
}
.ne1,
.ne2,
.ne3 {
padding: 60px 0;
}
.ne1ul {
margin-top: 30px;
}
.tybt3 .p1 {
color: #333333;
font-weight: bold;
font-size: 34px;
position: relative;
}
.tybt3 .p1::before {
content: "";
width: 85%;
position: absolute;
height: 1px;
background: #bebebe;
top: 50%;
right: 0;
}
.in1 {
background: url("../i/wdbj.jpg") no-repeat top rgba(245, 245, 245, 1);
min-height: 822px;
padding: 60px 0;
box-sizing: border-box;
}
.in1div {
width: 534px;
margin: auto;
}
.in1div .input_txt {
}
.in1div .search {
width: 530px;
border: 1px solid #dadada;
height: 57px;
line-height: 57px;
font-size: 0;
box-sizing: border-box;
border-radius: 8px;
overflow: hidden;
}
.in1div .search .input_txt {
width: calc(100% - 100px);
height: 55px;
line-height: 55px;
border: none;
padding-left: 25px;
color: #999999;
font-size: 16px;
box-sizing: border-box;
}
.in1div .search .input_but {
width: 100px;
float: right;
height: 55px;
line-height: 55px;
border: none;
background: #004ea2;
color: #fff;
font-size: 17px;
text-align: center;
cursor: pointer;
}
.in1div .huo {
text-align: left;
margin-top: 14px;
color: #ffffff;
font-size: 13px;
padding-left: 15px;
box-sizing: border-box;
}
.in1div .huo img {
vertical-align: middle;
margin-right: 10px;
position: relative;
top: -3px;
}
.in1div .huo a {
color: #ffffff;
font-size: 13px;
margin-right: 18px;
}
.in1div2 {
background: #fff;
border-radius: 8px;
margin-top: 50px;
padding: 25px 30px;
box-sizing: border-box;
}
.in1div2 .in1p {
color: #333333;
font-size: 20px;
font-weight: bold;
}
.in1div2 .in2p span a{font-size:14px;}
.in1ul li {
width: 23%;
margin-right: 2%;
margin-bottom: 2%;
background: #fcfcfc;
border: 1px solid #f6f6f6;
height: 46px;
line-height: 46px;
text-align: center;
display: inline-block;
box-sizing: border-box;
}
.in1ul li a {
display: block;
}
.in1ul li:hover {
background: #004ea2;
}
.in1ul li:hover a {
color: #fff;
}
.in1ul {
margin-top: 25px;
font-size: 0;
margin-right: -2%;
}
.in2div3 {
margin-top: 30px;
}
.in2div3 .in2p {
color: #ffffff;
font-size: 26px;
}
.in2div3 .in2p span {
float: right;
margin-top: 5px;
}
.in2div3 .in2p span a {
color: #e0e0e0;
font-size: 14px;
}
.in2div3 .in2p span a:last-child {
color: #fff;
}
.in2ul li {
width: 47%;
margin-right: 3%;
margin-bottom: 3%;
background: #fff;
border-radius: 8px;
float: left;
height: 126px;
padding: 23px 33px;
box-sizing: border-box;
}
.in2ul {
overflow: hidden;
margin-right: -3%;
margin-top: 20px;
}
.information .in2div3 .in2ul {
margin-right: -3%;
}
.in2ul li .fl {
width: calc(100% - 80px);
padding-right: 20px;
box-sizing: border-box;
border-right: 1px solid #f7f7f7;
}
.in2ul li .fl .p1 {
color: #333333;
font-size: 18px;
font-weight: bold;
padding-left: 14px;
border-left: 3px solid #004ea2;
}
.in2ul li .fl .p2 {
color: #999999;
font-size: 14px;
margin-top: 12px;
line-height: 1.6;
}
.in2ul li .ri {
padding-top: 16px;
}
.in2ul li .ri p {
margin-bottom: 15px;
}
.in2ul li .ri p a {
color: #333333;
font-size: 14px;
}
.in2ul li .ri p a img {
margin-right: 3px;
position: relative;
top: 2px;
}
.in2ul li:hover .fl .p1 {
color: #004ea2;
}
.in2ul2 li {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
height: auto;
}
.in2ul {
margin-right: 0;
}
.in2ul em {
color: #ff0000;
font-size: 26px;
}
.in2ul2 li .fl {
width: calc(100% - 200px);
}
.in2ul2 li .ri {
padding-top: 0;
margin-top: 20px;
}
.in2ul2 li .ri p {
display: inline-block;
margin-bottom: 0;
margin-left: 26px;
}
.in2ul2 li .fl .p1 em {
font-size: 18px;
}
.Mndt {
position: fixed;
z-index: 10;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.Mndt .fk {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 456px;
height: 160px;
background: #fff;
border-radius: 8px;
overflow: hidden;
}
.Mndt .fk .mt1 {
text-align: center;
color: #666666;
font-size: 18px;
padding-top: 27px;
}
.Mndt .fk .mt1 img {
position: relative;
top: 3px;
margin-right: 10px;
}
.Mndt .fk .mt2 span {
width: 46%;
margin: 2%;
display: inline-block;
text-align: center;
background: #f4f4f4;
height: 40px;
line-height: 40px;
border-radius: 8px;
font-size: 16px;
}
.Mndt .fk .mt2 span:nth-child(1) {
background: #004ea2;
}
.Mndt .fk .mt2 span:nth-child(1) a {
color: #fff;
}
.Mndt .fk .mt2 span a {
display: block;
}
.Mndt .fk .mt2 {
width: 80%;
margin: auto;
margin-top: 20px;
}
.ne1 .fl1 {
float: left;
width: 196px;
}
.ne1 .fl2 {
float: right;
width: calc(100% - 220px);
position: relative;
}
.ne1 .fl2 p {
max-width: 90%;
}
.ne1 li {
overflow: hidden;
padding: 30px 0;
border-bottom: 1px solid #dfdfdf;
}
.ne1 li:hover .p1 {
color: #004ea2;
}
.ne1 li:hover .more {
background: #004ea2;
color: #fff;
}
.ne1 .fl2 .p1 {
color: #333333;
font-size: 20px;
}
.ne1 .fl2 .p2 {
color: #999999;
font-size: 13px;
margin: 10px 0;
}
.ne1 .fl2 .smt {
color: #999999;
font-size: 14px;
line-height: 1.6;
}
.ne1 .fl2 .more {
width: 48px;
height: 33px;
line-height: 33px;
text-align: center;
border: 1px solid #5a5451;
color: #004ea2;
border-radius: 15px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.ne2div .p1 {
text-align: center;
color: #333333;
font-size: 30px;
}
.ne2div .p2 {
text-align: center;
margin-top: 10px;
padding-bottom: 25px;
border-bottom: 1px solid #e6e6e6;
}
.ne2div .p2 span {
color: #666666;
margin: 0 5px;
}
.ne2div .text {
padding-top: 45px;
}
.ne2div .text p {
color: #666666;
line-height: 1.8;
margin-bottom: 26px;
}
.ne2div .text .pic {
text-align: center;
}
.tysx {
background: #f0f3f6;
padding: 18px 36px;
overflow: hidden;
}
.tysx .prev {
float: left;
width: 40%;
}
.tysx .fh {
width: 20%;
float: left;
text-align: center;
}
.tysx .next {
float: left;
width: 40%;
text-align: right;
}
.tysx p a {
color: #666666;
font-size: 14px;
}
.ne2 .fl {
width: 250px;
float: left;
background: #f8f8f8;
}
.ne2 .ri {
width: calc(100% - 300px);
}
.ne2 .fl .p1 {
height: 53px;
line-height: 53px;
text-align: center;
background: #004ea2;
color: #ffffff;
font-size: 20px;
}
.ne2 .fl .ne2text {
padding: 0 20px;
}
.ne2 .fl .ne2text p {
line-height: 48px;
border-bottom: 1px solid #e3e3e3;
background: url("/i/d3.png") no-repeat right;
}
.ne2 .fl .ne2text p.on {
background: url("/i/d4.png") no-repeat right;
}
.ne2 .fl .ne2text p.on a {
color: #004ea2;
}
.ne2 .fl .ne2text p a {
color: #555555;
display: block;
}
.ne2 .ri .p1 {
height: 53px;
line-height: 53px;
color: #004ea2;
font-size: 20px;
border-bottom: 1px solid #bebebe;
position: relative;
}
.ne2 .ri .p1::after {
position: absolute;
content: "";
width: 100px;
height: 2px;
background: #004ea2;
bottom: -1px;
left: 0;
}
.ne2 .riul {
min-height: 400px;
}
.ne2 .riul li {
margin-top: 25px;
overflow: hidden;
}
.ne2 .riul li .xun {
float: left;
width: 67px;
height: 22px;
line-height: 22px;
background: #deeaf8;
border-radius: 20px;
text-align: center;
color: #638cbc;
font-size: 12px;
}
.ne2 .riul li .no {
float: left;
width: 67px;
height: 22px;
line-height: 22px;
background: #eeeeee;
border-radius: 20px;
text-align: center;
color: #b7b7b7;
font-size: 12px;
}
.ne2 .riul li a {
width: 70%;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-left: 15px;
color: #666666;
}
.ne2 .riul li .time {
float: right;
color: #999999;
}
.ne3 {
background: #f0f3f6;
}
.ne3 .fl {
width: 74%;
background: #fff;
padding: 47px 43px;
box-sizing: border-box;
}
.ne3 .ri {
width: 24%;
}
.ne3 .fl .p1 {
color: #333333;
font-size: 28px;
}
.ne3 .fl span {
float: left;
width: 67px;
height: 22px;
margin-top: 8px;
margin-right: 10px;
line-height: 22px;
border-radius: 20px;
text-align: center;
font-size: 12px;
}
.ne3 .fl .xun {
color: #638cbc;
background: #deeaf8;
}
.ne3 .fl .no {
color: #b7b7b7;
background: #eeeeee;
}
.ne3 .fl .p2 {
color: #666666;
margin-top: 18px;
padding-bottom: 22px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 40px;
}
.ne3 .fl .more {
background: #004ea2;
width: 214px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
border-radius: 5px;
margin: auto;
margin-top: 38px;
}
textarea {
resize: none;
}
.ne3 .fl .more a {
color: #fff;
}
.ne3 .ri {
background: #fff;
padding: 18px;
box-sizing: border-box;
}
.ne3 .ri .p1 a {
color: #333333;
font-size: 18px;
}
.ne3 .ri .p1 span {
color: #999999;
font-size: 14px;
float: right;
margin-top: 4px;
}
.ne3 .ri .ne3ul li a {
color: #666;
font-size: 13px;
}
.ne3 .ri .ne3ul li {
padding: 10px 0;
border-bottom: 1px dashed #e4e4e4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ne3 .ri .ne3ul {
margin-top: 20px;
}
.ne3 .ri .ne3ul li::before {
content: "";
width: 4px;
margin-left: 4px;
height: 4px;
border-radius: 50%;
background: #c8c8c8;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.ne3 .ri .ne3ul li:hover a {
color: #004ea2;
}
.ne3 .ri .ne3ul li:hover::before {
background: #004ea2;
}
.ne3 .ri .ne3ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.co1,
.co2,
.co3,
.co4 {
padding: 60px 0;
}
.co1div {
overflow: hidden;
margin-top: 70px;
margin-bottom: 60px;
}
.co1 .map {
width: 100%;
height: 460px;
}
.co1 .fl {
width: 48%;
}
.co1 .fl .p1 {
color: #666666;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.co1 .fl .text {
border-bottom: 1px dashed #e5e5e5;
padding-bottom: 14px;
margin-bottom: 16px;
}
.co1 .fl .text p {
color: #666666;
font-size: 14px;
margin: 15px 0;
}
.co1 .fl .text p img {
margin-right: 10px;
vertical-align: middle;
}
.co1 .fl .text p a {
margin-left: 10px;
}
.co1 .fl .text p strong {
color: #004ea2;
font-size: 14px;
margin-left: 20px;
font-weight: normal;
}
.co1 .ri {
width: 48%;
}
.co2 {
background: #f0f3f6;
}
.co2 .cen {
background: url("/i/d5.jpg") no-repeat center #fff;
padding: 50px;
box-sizing: border-box;
}
.tybt2 .p3 {
color: #666666;
text-align: center;
margin-top: 15px;
}
.forma .p1 {
text-align: center;
color: #666666;
font-weight: bold;
font-size: 20px;
}
.forma {
margin-top: 25px;
}
.forma .Zu p {
text-align: center;
overflow: hidden;
margin-bottom: 15px;
}
.forma .Zu p {
position: relative;
}
.forma .Zu p .reimg {
position: absolute;
right: 0;
top: 0;
}
.forma .Zu p span {
display: inline-block;
width: 30%;
text-align: right;
margin-top: 10px;
}
.forma .Zu p .sca {
position: absolute;
right: 15px;
cursor: pointer;
}
#file1 {
display: none;
}
.forma .Zu p span a {
color: #ff0000;
margin-right: 3px;
}
.forma .Zu p .yz {
width: 65%;
float: right;
border: 1px solid #cdcdcd;
padding: 10px;
color: #666;
box-sizing: border-box;
outline: none;
border-radius: 5px;
}
.forma .Zu {
padding-top: 20px;
border-top: 1px dashed #e5e5e5;
margin-top: 20px;
margin-bottom: 30px;
}
.co2div {
width: 70%;
margin: auto;
}
.co3p p {
width: 123px;
height: 35px;
line-height: 35px;
text-align: center;
margin: 0 15px;
border: 1px solid #004ea2;
color: #004ea2;
border-radius: 30px;
display: inline-block;
}
.co3p {
text-align: center;
margin-top: 30px;
}
.co3p p a {
color: #004ea2;
}
.co3p p.on {
background: #004ea2;
}
.co3p p.on a {
color: #fff;
}
.co3ul li {
width: 30.33%;
margin-right: 3%;
margin-bottom: 3%;
float: left;
position: relative;
}
.co3ul {
margin-right: -3%;
overflow: hidden;
margin-top: 45px;
}
.co3ul li .text {
position: absolute;
width: 100%;
height: 100%;
background: url("/i/bule.png") no-repeat center;
padding: 35px 30px;
box-sizing: border-box;
left: 0;
top: 0;
}
.co3ul li .pic img {
display: block;
width: 100%;
}
.co3ul li .text .p1 {
color: #ffff;
font-size: 18px;
font-weight: bold;
}
.co3ul li .text .p2 {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
margin-top: 20px;
}
.co3 .more {
width: 165px;
height: 45px;
line-height: 45px;
border: 1px solid #004ea2;
border-radius: 8px;
text-align: center;
margin: auto;
margin-top: 20px;
}
.co3 .more a {
color: #004ea2;
}
.co4 {
background: #f0f3f6;
}
.co4ul li {
overflow: hidden;
padding: 20px 0;
border-bottom: 1px solid #ededed;
}
.co4ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.co4ul {
background: #fff;
padding: 20px 30px;
box-sizing: border-box;
}
.co4ul li .fl {
width: 80%;
}
.co4ul li .ri {
width: 125px;
height: 33px;
line-height: 33px;
text-align: center;
color: #333333;
font-size: 14px;
border: 1px solid #333333;
margin-top: 10px;
border-radius: 30px;
}
.co4ul li .fl .p1 {
color: #333333;
font-size: 18px;
}
.co4ul li .fl .p2 {
margin-top: 8px;
}
.co4ul li .fl .p2 span {
color: #999999;
font-size: 14px;
margin-right: 12px;
}
.ne3 .fl .text p {
color: #666666;
font-size: 14px;
line-height: 2.5;
}
.ne3 .fl .text strong {
color: #000033;
line-height: 2.5;
font-size: 16px;
}
.ne3 .fl .p3 a {
width: 150px;
height: 45px;
line-height: 45px;
text-align: center;
display: inline-block;
color: #004ea2;
border: 1px solid #004ea2;
margin-right: 20px;
border-radius: 8px;
}
.ne3 .fl .p3 {
margin-top: 60px;
}
.ne3 .fl .p3 a:hover {
color: #fff;
background: #004ea2;
}
.co4 .cen {
background: #fff;
padding: 50px;
box-sizing: border-box;
}
.qr {
text-align: center;
margin-top: 50px;
}
.qr .sub {
text-align: center;
background: #004ea2;
border-radius: 8px;
height: 60px;
width: 320px;
margin: auto;
line-height: 60px;
text-align: center;
border: none;
color: #fff;
}
input[type="radio"] {
position: absolute;
opacity: 0;
z-index: 999;
width: 92px;
height: 20px;
margin-top: 2px;
cursor: pointer;
}
input[type="radio"]:checked + label::before {
background-color: #004ea2;
background-clip: content-box;
padding: 3px;
width: 5px;
height: 5px;
}
input[type="radio"] + label::before {
content: "";
display: inline-block;
vertical-align: middle;
font-size: 18px;
width: 11px;
height: 11px;
margin-right: 0.6em;
border-radius: 50%;
border: 1px solid #004ea2;
text-indent: 0.15em;
position: relative;
margin-left: 50px;
top: -1px;
}
input[type="radio"]:checked + label::before {
background-color: #004ea2;
background-clip: content-box;
padding: 3px;
width: 5px;
height: 5px;
}
.forma .Zu .text {
width: 65%;
float: right;
height: 40px;
padding-top: 10px;
text-align: left;
}
.su1 {
background: #fafafa;
padding-top: 100px;
padding-bottom: 60px;
}
.su1 .ho6ul li {
width: 48%;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 0 1%;
margin-bottom: 50px;
float: left;
text-align: center;
background: #fff;
}
.su1 .ho6ul li .text {
text-align: left;
padding: 20px;
box-sizing: border-box;
}
.su1 .ho6ul li .text .p1 {
color: #333333;
font-size: 22px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.su1 .ho6ul li .text .p2 {
color: #666666;
font-size: 14px;
margin-top: 12px;
line-height: 1.5;
}
.su1 .ho6ul li .pic {
height: 15vw;
overflow: hidden;
}
.su1 .ho6ul li .pic img {
height: 100%;
}
.su1 .ho6ul li .text .p3 {
color: #e61921;
}
.su1 .ho6ul li .text .p3 img {
vertical-align: middle;
margin-left: 10px;
}
.su1 .ho6ul li .text .time {
color: #999999;
font-size: 14px;
margin-top: 10px;
margin-bottom: 20px;
}
.su1 .pic {
float: left;
width: 133px;
height: 174px !important;
margin-left: 40px;
margin-top: -30px;
position: relative;
}
.su1 .pic .texta {
position: absolute;
text-align: left;
width: 80%;
left: 10%;
top: 16%;
}
.su1 .pic .texta .p1 {
color: #004ea2;
font-size: 14px;
font-weight: bold;
}
.su1 .pic .texta .p2 {
color: #004ea2;
font-size: 12px;
}
.su1 .pic img {
width: 100%;
height: 100%;
}
.su1 .ho6ul li .text {
width: calc(100% - 213px);
float: left;
padding: 0;
margin-left: 34px;
margin-top: 24px;
}
.su1 .ho6ul li {
overflow: inherit;
height: 184px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.su2 {
padding: 35px 0;
background: #fafafa;
}
.pt1 {
color: #333333;
font-weight: bold;
font-size: 34px;
text-align: center;
}
.su2div {
margin-top: 40px;
}
.su2div li {
padding: 25px 30px;
padding-bottom: 0;
box-sizing: border-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
cursor: pointer;
background: #fff;
margin-bottom: 20px;
}
.su2div li .p1 {
float: left;
color: #333333;
font-size: 22px;
margin-left: 10px;
}
.su2div li .p2 {
color: #666666;
font-size: 14px;
transition: 0.5s;
margin-left: 12px;
margin-top: 8px;
float: left;
}
.su2div li .p3 {
float: right;
}
.su2div li .p3 a {
color: #004ea2;
font-size: 15px;
}
.su2div li .p3 a img {
vertical-align: middle;
margin-left: 10px;
position: relative;
top: -1px;
}
.su2d1 {
overflow: hidden;
padding-bottom: 25px;
}
.su2div li .text {
border-top: 1px solid #efefef;
padding-top: 25px;
display: none;
padding-left: 24px;
padding-bottom: 25px;
}
.su2div li .text p {
color: #666666;
font-size: 14px;
margin-bottom: 15px;
}
.su2div li .text p a {
color: #0092d7;
font-size: 14px;
}
.su2div li .text p em {
color: #004ea2;
font-size: 14px;
margin-left: 20px;
font-style: normal;
}
.su2div li .text p em img {
vertical-align: middle;
position: relative;
top: -1px;
margin-left: 5px;
}
.su2div li .fl img {
transform: rotate(-90deg);
-webkit-filter: grayscale(100%);
transition: 0.5s;
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter: none;
}
.su2div li .p3 {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
transition: 0.5s;
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter: none;
}
.su2div li.on .p3 {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
_filter: none;
}
.su2div li.on .fl img {
transform: rotate(0deg);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
_filter: none;
}
.su2div li.on .p2 {
background: #004ea3;
color: #fff;
padding: 0 10px;
border-radius: 10px;
}
.su3ul li {
width: 33.33%;
padding: 40px 55px;
box-shadow: 0 0 0;
border-bottom: 2px solid #fff;
margin-bottom: 35px;
transition: 0.5s;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
display: inline-block;
box-sizing: border-box;
}
.su3ul {
font-size: 0;
margin-top: 70px;
}
.su3ul li .p1 {
color: #666666;
padding-left: 15px;
position: relative;
}
.su3ul li .p1::before {
width: 6px;
height: 6px;
border-radius: 50%;
content: "";
left: 0;
position: absolute;
background: #333333;
top: 50%;
transform: translateY(-50%);
}
.su3ul li .p2 {
color: #333333;
font-size: 24px;
font-weight: bold;
margin-top: 14px;
margin-bottom: 18px;
}
.su3ul li .pic img {
width: 100%;
}
.su3ul li .p3 {
margin-top: 30px;
}
.su3ul li .p3 a {
color: #004ea2;
font-size: 15px;
}
.su3ul li .p3 a img {
vertical-align: middle;
margin-left: 10px;
position: relative;
top: -1px;
}
.su3ul li:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-bottom: 2px solid #004ea2;
}
@media screen and (max-width: 1550px) and (min-width: 0px) {
.top .cen {
width: 94%;
}
.top .nva {
margin-left: 10%;
}
.top .nva > li {
margin: 0 0;
}
.top .form form {
right: 0;
left: auto;
}
.fot1 .fl {
margin-left: 20%;
}
.fot1 .ri {
margin-right: 20%;
}
.glc2 .gl2div {
width: 80%;
}
.fullslide .text .p1 {
font-size: 40px;
}
.fullslide .text .p2 {
font-size: 28px;
}
.pr2ul0 li a {
font-size: 14px;
}
.gl2div .pic img {
height: 500px;
}
.top .nva > li > a {
padding: 0 10px;
}
}
@media screen and (max-width: 1330px) and (min-width: 0px) {
.top .nva {
margin-left: 2%;
}
.ab6div .picScroll-left .bd li {
margin: 0 0;
}
.ab6div .picScroll-left .tempWrap {
margin: auto;
}
.fot2 ul li {
width: 24.5%;
}
.top .nva > li > a {
padding: 0 10px;
}
.gl2div .pic img {
height: 400px;
}
}
@media screen and (max-width: 640px) and (min-width: 0px) {
.BigDiv {
overflow: hidden;
}
.top .right > ul > li span {
display: none;
}
.fullslide .bd li .tu1 {
display: none;
}
.fullslide .bd li .tu2 {
display: block;
width: 100%;
}
.tu1 {
display: none;
}
.tu2 {
display: block;
}
.fullslide .prev,
.fullslide .next {
display: none;
}
.float {
display: none;
}
.fullslide .text .title {
display: none;
}
.fullslide .text .pic {
display: none;
}
.fullslide1 .bd::before {
bottom: -2px;
}
.fullslide1 .text {
width: 80%;
margin-top: 0;
bottom: 20%;
left: 50%;
margin-left: -40%;
}
.fullslide1 .text .title {
font-size: 0.6rem;
}
.fullslide1 .text .ftitle {
font-size: 0.7rem;
}
.fullslide1 .text .smrt {
font-size: 0.4rem;
line-height: 0.5rem;
margin-top: 40px;
}
.clname .ftitle {
font-size: 0.8rem;
margin-left: -100px;
margin-top: -23px;
}
.fullslide .cen {
top: inherit;
bottom: -80px;
}
.fullslide .text {
width: 90%;
left: 50%;
height: 350px;
transform: translateX(-50%);
top: inherit;
bottom: 0;
padding: 15px 16px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.fullslide .text .input_but {
font-size: 0.48rem;
}
.fullslide .hd {
display: none;
}
.pics {
margin-top: 0.3rem;
}
.fullslide .text .ftitle {
font-size: 0.42rem;
}
.fullslide .text .ftitle .sjcx {
font-weight: normal;
display: block;
color: #ff7109;
font-size: 0.57rem;
font-weight: bold;
}
.fullslide .text .ftitle .sjcx a {
color: #02469b;
font-size: 0.57rem;
font-weight: bold;
}
.BigDiv {
min-width: 320px;
}
.cen {
min-width: 280px;
}
.sjcx {
display: inline-block;
}
.sjyc {
display: none;
}
.BigDiv {
max-width: 640px;
min-width: 320px;
margin: auto;
}
.logm {
float: right;
margin-right: 15px;
font-size: 20px;
margin-top: 13px;
}
.logm span {
color: #fe5e10;
}
.top {
height: auto;
margin-top: 0;
padding: 5px 0;
}
.cen {
width: 94%;
margin: auto;
}
.lc {
display: none;
}
.ment img {
width: 30px;
}
.ment {
float: right;
margin-top: 0.3rem;
}
.fullslide .bd li .sjyc {
display: none;
}
.fullslide .bd li .sjcx {
display: block;
}
.top .ri .text1 {
display: none;
}
.a0 {
position: relative;
width: 100%;
transform: translateY(0);
}
.top .logo img {
}
.top .logo {
margin-left: 0;
width: 70%;
margin-top: 0;
}
.top .nva {
position: absolute;
width: 40%;
right: 0;
z-index: 9;
}
.top .nva li {
margin-left: 0;
float: none;
width: 100%;
text-align: center;
height: auto;
padding: 0.1rem 0;
}
.top .nva {
background: #1c2f65;
}
.top .nva li:hover {
border-bottom: none;
}
.top .nva li a {
font-size: 0.28rem;
}
.in_cdh {
display: none;
}
.top .tel,
.top .form {
display: none;
}
.top .nva li a {
color: #fff;
}
.top .nva > li {
line-height: 2;
}
.top .nva {
top: 1.11rem;
display: none;
}
.top .nva li:hover .text {
display: none;
padding: 10px 0;
}
.top .nva li .text .fl2 {
display: none;
}
.top .nva li .text .fl1 {
width: 100%;
float: none;
}
.top .nva li .text .cen {
max-width: inherit;
min-width: inherit;
}
.top .nva li .text .fl1 p {
line-height: 1.8;
}
.top .nva li .text .fl1 p::before {
display: none;
}
.top .nva li .text {
padding: 10px 0;
background: #fff;
}
.top .nva li .text p a {
color: #1c2f65;
}
.top .nva li .text2 .fl2 {
display: none;
}
.glc2 .gl2div .fl {
width: 100%;
height: auto;
float: none;
display: none;
}
.glc2 .gl2div .ri .text p {
font-size: 0.24rem;
line-height: 1.6;
}
.glc2 .gl2div .ri {
width: 100%;
float: none;
height: auto;
}
.top .nva li .text2 .fl1 {
width: 100%;
float: none;
}
.top .nva li .text2 {
background: #fff;
padding: 10px 0;
}
.top .nva li:hover .text2 {
display: none;
}
.top .nva li:hover .text3 {
display: none;
}
.top .nva li .text2 p a {
color: #1c2f65;
}
.top .nva li .text2 .cen {
max-width: inherit;
min-width: inherit;
}
.top .nva li .text2 .fl1 p a {
color: #1c2f65;
font-size: 0.28rem;
font-weight: normal;
}
.top .nva li .text2 .fl1 p {
line-height: 1.8;
padding: 0;
width: 100%;
margin-bottom: 0;
}
.top .nva li .text2 .fl1 p.on {
background: none;
}
.top .nva li .text .fl1 p a {
font-size: 0.28rem;
font-weight: normal;
}
.top .nva li .text .fl1 .fl1s {
left: 0;
line-height: 1.8;
margin-bottom: 0;
font-size: 0.28rem;
}
.top .logo {
width: 4rem;
}
.fullslide .bd li .tu2 {
width: 200%;
max-width: none;
}
.fullslide .text .p1 {
font-size: 0.4rem;
}
.fullslide .text {
height: auto;
margin-top: 0rem;
top: 1rem;
}
.fullslide .text .p2 {
font-size: 0.36rem;
margin-top: 0.2rem;
}
.fullslide .text .p3 {
width: 2rem;
padding: 0.1rem 0;
height: auto;
line-height: inherit;
margin-top: 0.2rem;
font-size: 0.28rem;
}
.top .nva li .text3 {
padding: 10px 0;
}
.text3 .cen {
padding: 0;
min-width: inherit;
}
.text3 .cen > p {
width: 100%;
display: block;
line-height: 1.8;
}
.text3 .cen > p img {
display: none;
}
.text3 .cen > p a {
font-weight: normal;
color: #004ea2;
font-size: 0.28rem;
}
.ho1,
.ho2,
.ho3 {
padding: 0.6rem 0;
}
.tybt .p2 {
font-size: 0.32rem;
}
.ho1 .picScroll-left {
width: 100%;
margin: auto;
margin-top: 0.6rem;
}
.ho1div {
margin: auto;
margin-top: 0.3rem;
}
.ho1 .picScroll-left .ptitle {
font-size: 0.28rem;
}
.ho1 .picScroll-left .text {
padding: 10px 15px;
}
.ho1 .picScroll-left .text .p2 {
height: auto;
margin-top: 0;
}
.ho1 .picScroll-left .bd li .pic {
margin-top: 0.4rem;
}
.ho1 .picScroll-left .bd li img {
width: 60%;
margin: auto;
}
.ho1 .picScroll-left .bd li {
text-align: center;
}
.ho1 .picScroll-left .bd li:hover .text {
background: #004ea2;
}
.ho1 .picScroll-left .bd li {
background: #fff !important;
}
.ho2ul li {
width: 48%;
margin: 1%;
padding: 0.3rem 0.2rem;
}
.ho2ul li .p1 {
margin-top: 0;
}
.ho2ul li .p1 span {
font-size: 0.32rem;
}
.ho2ul li .p1 a {
font-size: 0.28rem;
}
.ho2ul li .p2 {
font-size: 0.28rem;
}
.ho2ul ul {
margin: auto;
margin-top: 0.3rem;
}
.ho2ul li:last-child {
width: 98%;
margin: auto;
margin-top: 1%;
}
.ho3ul li {
width: 48%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 6%;
}
.ho3ul {
margin: auto;
margin-top: 0.4rem;
}
.ho3ul li .p1 {
font-size: 0.28rem;
line-height: 1.4;
height: 0.8rem;
overflow: hidden;
}
.fot2 {
display: none;
}
.fot1 .fl {
width: 40%;
float: right;
}
.fot1 .ri {
margin-top: 0.1rem;
}
.fot1 .fotul li {
float: left;
margin-left: 0.1rem;
}
.fot1 .ri {
float: left;
margin-left: 10%;
}
.fot1 {
padding-bottom: 0;
padding-top: 20px;
margin-bottom: 20px;
}
.fot3 {
margin-top: 0;
padding: 10px 0;
}
.banner img {
width: 200%;
max-width: 200%;
}
.banner .text {
top: 1rem;
margin-top: 0;
}
.banner .text .p1 {
font-size: 0.4rem;
}
.banner .text .p2 {
margin-top: 0;
font-size: 0.28rem;
}
.tydh .fl li {
margin-right: 0;
line-height: 2;
height: auto;
padding: 10px 0;
margin-right: 0.2rem;
}
.tydh .fl li a {
font-size: 0.24rem;
}
.tydh .ri {
display: none;
}
.ab1,
.ab2,
.ab3,
.ab4,
.glc,
.ab5,
.ab6,
.ab7 {
padding: 0.6rem 0;
}
.tybt2 .p1 {
font-size: 0.32rem;
}
.ab1div .fl {
width: 100%;
float: none;
}
.ab1div .fl p {
font-size: 0.24rem;
line-height: 1.8;
}
.ab1div {
margin-top: 0.3rem;
}
.ab1div .ri {
display: none;
}
.ab1ul li {
width: 50%;
margin-bottom: 5%;
}
.ab1ul li .p1 span {
font-size: 0.4rem;
}
.ab1ul li .p1 a {
font-size: 0.3rem;
}
.ab1ul li .p2 {
font-size: 0.24rem;
}
.ab2ul li {
width: 48%;
margin: 1%;
margin-bottom: 3%;
}
.ab2ul {
margin: auto;
margin-top: 0.3rem;
}
.ab2ul li .p1 {
font-size: 0.32rem;
margin-top: 0.2rem;
}
.ab2 .more {
width: 40%;
height: 0.6rem;
line-height: 0.6rem;
}
.ab2 .more a {
font-size: 0.28rem;
}
.ab3ul li {
display: none;
}
.ab3ul li.on {
display: block;
width: 100%;
}
.ab3ul li .p1 {
font-size: 0.4rem;
}
.ab3ul li .text p {
font-weight: normal;
font-size: 0.24rem;
margin-top: 0.2rem;
line-height: 1.8;
}
.ab3 {
height: auto;
padding-bottom: 1.5rem;
}
.ab3p {
bottom: 10px;
}
.ab3p p {
font-size: 0.28rem;
}
.ab4ul li {
width: 48%;
margin: 1%;
}
.ab4ul {
margin: auto;
}
.ab4ul li .p1 {
margin: 5px 0;
font-size: 0.28rem;
}
.ab5div {
margin: 0.6rem 0;
}
.ab5div p {
font-size: 0.24rem;
line-height: 1.8;
}
.ab5div .pic img {
width: 90%;
max-width: inherit;
}
.ab6div .picScroll-left .bd li {
margin: auto;
}
.ab6div .picScroll-left .bd li .text {
margin-top: 0.5rem;
margin-left: 0.5rem;
}
.ab6div .picScroll-left .bd li .text .p1 {
font-size: 0.32rem;
}
.ab6div .picScroll-left .bd li .text .p2 {
font-size: 0.28rem;
}
.ab6div .picScroll-left {
margin-top: 0.5rem;
}
.ab6div .picScroll-left .hd {
margin-bottom: 0.4rem;
}
.ab7ul li {
width: 100%;
margin: auto;
margin-bottom: 3%;
padding: 10px;
}
.ab7ul li .pic img {
max-width: 60%;
margin: auto;
}
.ab7ul li .p1 {
margin-top: 0.2rem;
}
.ab7ul {
margin: auto;
}
.glc2 .gl2div {
padding: 20px;
width: 80%;
}
.glc2 .gl2div .close {
right: 10px;
top: 10px;
}
.re1,
.re2,
.re3,
.re4,
.re5,
.re6,
.re7,
.re8,
.re9,
.re10,
.re11,
.re12,
.re13 {
padding: 0.6rem 0;
}
.re1ul {
margin: auto;
}
.re1ul li {
width: 100%;
margin-right: 0;
margin-bottom: 4%;
}
.re1ul li .text .p1 {
height: 50px;
font-size: 0.4rem;
line-height: 50px;
}
.re1ul li .text {
height: 50px;
}
.re1ul li .text .smt {
font-size: 0.24rem;
line-height: 1.5;
}
.re1ul li:hover .more {
margin-top: 0.3rem;
}
.re2ul li {
width: 100%;
margin-right: 0;
margin-bottom: 4%;
}
.re2 {
background: #1c2f65;
}
.re2ul li p {
font-size: 0.34rem;
}
.re2ul {
margin-top: 0.3rem;
}
.re3ul li {
width: 100%;
margin-right: 0;
padding: 20px 30px;
}
.re3ul {
margin: auto;
}
.re3ul li .p1 {
font-size: 0.28rem;
line-height: 1.6;
margin-top: 0.2rem;
}
.pr1ul li {
vertical-align: top;
height: 2rem;
padding: 0.3rem 0;
}
.pr1ul li .pic .t1 {
width: 0.8rem;
}
.pr1ul li .pic .t2 {
width: 0.8rem;
}
.pr1ul li .p1 {
font-size: 0.24rem;
}
.pr2ul li {
width: 100%;
margin: auto;
margin-bottom: 0.4rem;
padding: 0.2rem;
}
.pr2ul {
margin: auto;
}
.pr2ul li .p1 {
margin-top: 0.3rem;
}
.pr2ul li .p2 {
margin: 5px 0;
}
.pr2ul li .more {
height: 30px;
line-height: 30px;
}
.pr3div {
padding: 0.3rem 0;
}
.pr3div > .fl {
float: none;
width: 94%;
margin: auto;
}
.pr3div > .ri {
float: none;
width: 94%;
margin: auto;
margin-top: 0.6rem;
}
.pr3div > .fl .pic {
text-align: center;
}
.pr3div > .ri .p1 {
font-size: 0.32rem;
}
.pr3div > .ri .text p {
margin-top: 0.1rem;
}
.pr3div > .ri .p3 a {
width: 44%;
margin: 0 2%;
}
.pr3div > .ri .p3 {
margin-top: 0.2rem;
}
.pr4p p {
font-size: 0.24rem;
}
.pr4d {
padding: 0.3rem;
}
.top {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.re4div .fl {
width: 100%;
float: none;
}
.re4div .ri {
width: 100%;
float: none;
}
.re4div .fl p:nth-child(2) {
line-height: 1.6;
height: auto;
font-size: 0.28rem;
}
.re4div .fl p:nth-child(2n-1) {
font-size: 0.32rem;
}
.re4div .ri {
box-sizing: border-box;
margin-top: 0.6rem;
}
.re5ul li {
width: 100%;
padding: 0.2rem;
}
.re5ul::before {
display: none;
}
.re5ul::after {
display: none;
}
.re5ul {
margin-top: 0.4rem;
}
.re5ul li .text {
width: auto;
float: none;
margin-left: 0;
}
.re5ul li .pic {
width: 80px;
height: 80px;
float: none;
margin: auto;
margin-bottom: 0.4rem;
}
.re5ul li .text .p2 {
line-height: 1.6;
font-size: 0.24rem;
text-align: center;
margin-top: 0.1rem;
}
.re5ul li .text .p1 {
font-size: 0.28rem;
text-align: center;
}
.re6ul li .pic {
float: none;
width: 100%;
height: auto;
}
.re6ul li .text {
float: none;
width: 100%;
margin-top: 0.4rem;
}
.re6ul li {
padding: 0.2rem;
}
.re6ul li .text .p1 {
font-size: 0.32rem;
}
.re6ul li .text .smt {
height: auto;
line-height: 2;
font-size: 0.24rem;
}
.re6ul li .text .bq {
margin-top: 0.3rem;
}
.re6ul li .text .bq span {
margin-right: 0.3rem;
font-size: 0.24rem;
margin-bottom: 0;
line-height: 2;
}
.re6ul li .text .bq span::before {
display: none;
}
.re7ul li {
width: 100%;
margin-right: 0;
}
.re7ul {
margin-top: 0.3rem;
margin-right: 0;
}
.re7ul li .text {
height: auto;
padding: 0.6rem 0.2rem;
}
.re7ul li .text .p1 {
font-size: 0.4rem;
}
.re7ul li .text .p2 {
margin-top: 0.2rem;
}
.re8 .fl {
display: none;
}
.re8 .ri {
width: 100%;
float: none;
}
.re8 .ri .re8div .p1 {
font-size: 0.32rem;
height: auto;
line-height: 2;
}
.re8 .ri .re8div .p2 {
font-size: 0.28rem;
line-height: 1.5;
}
.re8 .ri .re8div {
padding: 5px 0;
}
.re9ul li .text {
width: 100%;
float: none;
}
.re9ul li {
padding: 20px;
}
.re9ul li .pic {
float: none;
margin: auto;
position: relative;
top: 0;
transform: translateY(0);
}
.re9ul li .text .p1 {
text-align: center;
font-size: 0.32rem;
margin-top: 0.2rem;
}
.re9ul li .text .p2 p {
font-size: 0.24rem;
color: #666;
}
.re10ul li {
width: 100%;
margin-right: 0;
}
.re10ul {
margin: auto;
margin-top: 0.3rem;
}
.re10ul li .p1 {
font-size: 0.28rem;
margin: 0.1rem 0;
}
.re10ul li .smt p {
line-height: 1.6;
font-size: 0.24rem;
text-align: left;
}
.re11 .re11div {
width: 90%;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
font-size: 0.28rem;
line-height: 1.8;
}
.re12 .text {
font-size: 0.28rem;
line-height: 1.8;
padding-left: 0;
}
.re12pic .pic img {
max-width: 200%;
}
.re12pic {
height: 10rem;
}
.re13div {
margin: auto;
overflow-x: auto;
white-space: nowrap;
}
.re13div .fl1 {
width: 80px;
font-size: 0.24rem;
}
.re13div > div p {
padding-left: 0.4rem;
font-size: 0.24rem;
font-weight: normal;
}
.re13div .fl2 {
width: 200px;
}
.re13div .fl3 {
width: auto;
}
.re13div > div {
float: none;
display: inline-block;
vertical-align: top;
}
.re13div > div p {
line-height: 64px;
}
.ne1 .fl1 {
float: none;
margin: auto;
width: 100%;
text-align: center;
margin-bottom: 0.4rem;
}
.ne1 .fl2 {
float: none;
width: 100%;
}
.ne1 .fl2 .more {
display: none;
}
.ne1 .fl2 p {
width: 100%;
max-width: 100%;
}
.ne1,
.ne2,
.ne3 {
padding: 0.6rem 0;
}
.tybt3 .p1 {
font-size: 0.4rem;
}
.tybt3 .p1::before {
width: 60%;
}
.ne1 .fl2 .p1 {
font-size: 0.28rem;
}
.ne1 .fl2 .smt {
font-size: 0.24rem;
}
.ne2div .p1 {
font-size: 0.28rem;
}
.ne2div .text {
padding-top: 0.3rem;
}
.ne2div .text p {
font-size: 0.24rem;
margin-bottom: 0.1rem;
}
.tysx {
padding: 0.2rem;
}
.tysx .prev {
width: 100%;
float: none;
}
.tysx .next {
width: 100%;
float: none;
text-align: left;
}
.tysx .fh {
width: 100%;
float: none;
text-align: left;
margin: 0.2rem 0;
}
.ne2 .fl {
width: 100%;
float: none;
}
.ne2 .fl .ne2text {
padding: 0;
}
.ne2 .fl .ne2text p {
width: 33.33%;
display: inline-block;
padding-left: 0.2rem;
background: none;
box-sizing: border-box;
line-height: 2.5;
height: auto;
}
.ne2 .fl .ne2text p a {
font-size: 0.28rem;
}
.ne2 .fl .p1 {
display: none;
}
.ne2 .ri {
width: 100%;
float: none;
}
.ne2 .riul li .xun {
float: none;
display: block;
}
.ne2 .riul li a {
margin-left: 0;
margin-top: 0.2rem;
}
.ne2 .riul li .time {
margin-top: 0.25rem;
font-size: 0.24rem;
}
.ne3 .ri {
display: none;
}
.ne3 .fl {
width: 100%;
padding: 0.3rem;
}
.ne3 .fl .p1 {
font-size: 0.32rem;
}
.ne3 .fl .xun {
margin-top: 0;
}
.ne3 .fl .p2 {
margin-bottom: 0.2rem;
padding-bottom: 0.2rem;
margin-top: 0.3rem;
}
.ne3 .fl .text p {
line-height: 2;
}
.co1div {
margin: 0.3rem 0;
}
.co1,
.co2,
.co3,
.co4 {
padding: 0.6rem 0;
}
.co1 .fl {
float: none;
width: 100%;
}
.co1 .fl .p1 {
font-size: 0.32rem;
}
.co1 .fl .text p {
margin: 10px 0;
}
.co1 .ri {
width: 100%;
float: none;
}
.iw_poi_title {
font-size: 0.28rem;
}
.iw_poi_content {
font-size: 0.24rem;
}
.co2 .cen {
padding: 0.5rem 0.2rem;
}
.co2div {
width: 100%;
}
.forma .Zu p span {
font-size: 0.24rem;
margin-top: 0.1rem;
display: block;
width: 100%;
text-align: left;
margin-bottom: 0.2rem;
}
.forma .Zu p .reimg {
width: 1.5rem;
margin-top: 0.1rem;
}
.forma .Zu p .yz {
padding: 5px;
font-size: 0.28rem;
}
.qr .sub {
width: 100%;
height: 50px;
line-height: 50px;
}
.co3p p a {
font-size: 0.28rem;
}
.co3ul li {
width: 100%;
margin-right: 0;
}
.co3ul {
margin-right: 0;
}
.co3 .more {
height: 40px;
line-height: 40px;
}
.co4 .cen {
padding: 0.5rem 0.2rem;
}
.forma .Zu .text {
padding-top: 0;
}
input[type="radio"] + label::before {
margin-left: 0.2rem;
}
.forma .Zu .text {
float: none;
width: 100%;
text-align: left;
display: block;
}
.forma .Zu p .yz {
width: 100%;
float: none;
}
.forma .Zu p {
margin-bottom: 0;
}
.forma .Zu {
padding: 0.2rem;
margin-bottom: 0.2rem;
}
.top .nva {
z-index: 99999;
}
.glc .ab2ul li:nth-child(1) .text {
float: none;
width: 100%;
}
.glc .ab2ul li:nth-child(1) .pic {
float: none;
width: 100%;
text-align: center;
margin-left: 0;
}
.glc .ab2ul li:nth-child(1) .p1 {
font-size: 0.32rem;
}
.glc .ab2ul li:nth-child(1) .p2 {
font-size: 0.28rem;
}
.glc .ab2ul li:nth-child(1) .pic img {
margin: auto;
}
.glc .ab2ul li:nth-child(1) p {
text-align: center;
}
.glc .ab2ul li:nth-child(1) .p3 {
font-size: 0.24rem;
text-align: justify;
}
.top .en {
margin-top: 0.2rem;
margin-right: 0.2rem;
margin-left: 0;
}
.top .tel.sc {
display: none;
}
.su1 .ho6ul li {
width: 100%;
height: auto;
padding-bottom: 20px;
}
.su1 .pic {
width: 2rem;
margin-left: 0.2rem;
}
.su1 .ho6ul li .text {
width: 4.6rem;
margin-left: 0.2rem;
}
.su1 .ho6ul li .text .p1 {
font-size: 0.32rem;
}
.su1 .ho6ul li .text .p2 {
font-size: 0.24rem;
}
.pt1 {
font-size: 0.38rem;
}
.su2div li {
padding-left: 0.2rem;
padding-right: 0.2rem;
padding-top: 0.3rem;
}
.su2div li .fl img {
position: relative;
top: -0.08rem;
}
.su2div li .p3 {
margin-top: -3px;
}
.su2div li .p3 a {
font-size: 12px;
}
.su2div li .p2 {
font-size: 12px;
}
.su2d1 {
padding-bottom: 0.3rem;
}
.su2div li .p1 {
font-size: 0.24rem;
}
.su2div li .p2 {
margin-top: 0;
}
.su2div li .text {
padding-left: 0.2rem;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.su2div li .text p {
margin-bottom: 6px;
}
.su2div li .text p a {
font-size: 12px;
}
.su2div li .text p em {
display: block;
margin-left: 0;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
}
.su2div li .text p em img {
width: 15px;
}
.su2div li .p3 a img {
width: 15px;
}
.su3ul li {
width: 50%;
margin-bottom: 0.2rem;
padding: 15px;
}
.su3ul {
margin-top: 20px;
}
.su3ul li .p1 {
font-size: 14px;
}
.su3ul li .p2 {
font-size: 18px;
margin: 10px 0;
}
.su3ul li .p3 {
margin-top: 10px;
}
.su3ul li .pic img {
}
}
.nologin{
display:none !important;
position: absolute;
top: 0px;
left: 25%;
}