html,
body {
padding: 0;
margin: 0;
font-family: "Noto Sans SC";
font-size: 16px;
color: #333;
width: 100%;
height: 100%;
line-height: 30px;
}
.wrap {
max-width: 1200px;
margin: 0 auto;
}
.wrap2 {
width: 90%;
margin: 0 auto;
}
.showDiv {
display: none;
}
.clearfixed {
clear: both;
}
a {
color: #000;
}
ul,
li {
padding: 0;
margin: 0;
list-style: none
}
.fl {
float: left;
}
.fr {
float: right;
}
.arrow-bottom {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: red;
border-bottom-width: 0;
border-style: dashed;
border-top-style: solid;
border-left-color: transparent;
border-right-color: transparent;
}
/* 向右的箭头 */
.arrow-right {
font-size: 0;
line-height: 0;
border-width: 10px;
border-color: #f7f7f7;
border-right-width: 0;
border-style: dashed;
border-left-style: solid;
border-top-color: transparent;
border-bottom-color: transparent;
}
a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: none;
background: none;
text-decoration: none;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}
p {
padding: 0;
margin: 0;
}
img {
max-width: 100%;
}
.imgDiv {
overflow: hidden;
}
.imgDiv img {
width: 100%;
transition: all 0.5s;
}
.mask:hover .imgDiv img {
transform: scale(1.1);
}
input:focus,
button:focus,
textarea:focus {
outline: none;
}
.ovh {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ovh2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ovh3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.ovh4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
/* 右侧悬浮 */
.xf {
position: fixed;
top: 30%;
right: 35px;
width: 65px;
height: 303px;
background: url(../images/rxf.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
border-radius: 33px;
z-index: 999;
padding-top: 7px;
}
.xf div {
width: 65px;
height: 75px;
position: relative;
}
.xf div:hover p {
display: flex;
}
.xf div:hover p.xfewm {
display: block;
}
.xf div p {
display: none;
position: absolute;
right: 65px;
height: 73px;
width: auto;
justify-content: center;
align-items: center;
background: #c1c1c1;
padding: 10px 30px;
border-radius: 5px 0 0 5px;
color: #fff;
white-space: nowrap;
}
.xf div p.xfewm {
top: -160px;
width: 200px;
height: 230px;
}
.xf div p img {
display: block;
width: 100%;
height: auto;
margin: 10px auto 20px;
}
.xf div p span {
display: block;
text-align: center;
}
/**导航菜单**/
header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: #084827;
height: 60px;
transition: all 0.5s;
box-shadow: 0 2px 10px #acacac;
/*overflow: hidden;*/
}
header.header2 {
background: none;
border-bottom: 1px #666 solid;
box-shadow: none;
}
header .logo a {
/* height: 54px; */
position: relative;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
}
header .logo img {
max-height: 100%;
}
header.on-fixed {
position: fixed;
top: 0;
left: 0;
background: #FFFFFF;
box-shadow: 0 0 10px #ccc;
}
header.on-fixed .rightDiv .menu>ul>li>a {
color: #000;
}
header .rightDiv {
float: right;
}
header .rightDiv .menu {
text-align: right;
position: relative;
height: 60px;
line-height: 60px;
}
header .rightDiv .menu>ul {
display: flex;
align-items: center;
height: 100%;
/*overflow: hidden;*/
}
header .rightDiv .menu>ul>li {
float: left;
position: relative;
padding: 0 30px;
height: 60px;
line-height: 60px;
/*width: 126px;*/
}
header .rightDiv .menu>ul>li:last-child {
padding-right: 0;
}
header .rightDiv .menu>ul>li>a {
height: 100%;
display: block;
/* justify-content: center; */
/* align-items: center; */
text-align: center;
color: #fff;
position: relative;
font-size: 16px;
}
header .rightDiv .menu>ul>li:last-child {
display: flex;
justify-content: center;
align-items: center;
color: #999;
}
/* header .rightDiv .menu>ul>li:last-child img {
margin-right: 10px;
}
header .rightDiv .menu>ul>li:last-child>a {
color: #999;
}
*/
header .rightDiv .menu>ul>li:last-child>a.now {
color: #fff;
font-weight: bold;
}
header .rightDiv .menu>ul>li:last-child>a::after {
display: none;
}
header .rightDiv .menu>ul>li>a::after {
content: "";
width: 0;
height: 3px;
background: #f05a59;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
transition: .5s;
}
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li.now>a {
border-bottom: 2px solid #fff;
}
header .rightDiv .menu>ul>li:last-child:hover {
background: rgba(0, 0, 0, 0);
}
/*
header .rightDiv .menu>ul>li:hover a span,
header .rightDiv .menu>ul>li:focus a span,
header .rightDiv .menu>ul>li.on a span,
header .rightDiv .menu>ul>li.active a span {
display: block;
width: 20px;
height: 2px;
background: #009a44;
margin: 0 auto;
margin-top: 1rem;
/* background: #3fba9e;
border-bottom: 2px #3fba9e solid; */
}
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a {
color: #f05a59;
}
header .rightDiv .menu ul li div.down_list {
background: rgba(255, 255, 255, 0.8);
border-radius: 0.625rem;
margin-top: -0.65rem;
display: none;
}
header .rightDiv .menu ul li div.down_list ul li a {
text-align: center;
display: block;
}
header .mbtn {
display: inline-block;
width: 50px;
height: 50px;
background: url(../images/menu1.svg) no-repeat center center;
background-size: 70%;
position: absolute;
top: 0;
right: 0;
display: none;
z-index: 9999;
}
header .mbtn:active {
opacity: .8;
}
header.header2 .rightDiv .menu>ul>li>a {
color: #FFFFFF;
margin: 0 2px;
position: relative;
text-transform: capitalize;
}
/* header.header2 .rightDiv .menu>ul>li:hover>a {
border-bottom: 2px #FFFFFF solid;
}
*/
/* header.header2 .rightDiv .menu>ul>li>a.now {
border-bottom: 2px #FFFFFF solid;
} */
/* header.header2 .rightDiv .menu>ul>li>ul>li:hover a {
border-bottom: none;
} */
/* header .rightDiv .menu>ul>li:last-child>a {
padding: 0;
margin: 0;
margin-top: 2.5rem;
margin-left: 1rem;
}
*/
body.on-menu header .mbtn {
background: url(../images/menu-hide1.svg) no-repeat center center;
background-size: 40%;
z-index: 9999;
}
.menu,
.menu ul li,
.menu ul li a,
.menu #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.menu #menu-button {
display: none
}
.menu {
width: auto;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #b3c9e2;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out
}
.menu>ul>li {
float: left;
}
/* header .rightDiv .menu>ul>li:last-child {
background: #f05a59;
border-radius: 4px;
width: 170px;
height: 36px;
line-height: 36px;
color: #FFFFFF !important;
font-size: 16px;
text-align: center;
padding: 0;
margin-top: 25px;
margin-left: 30px;
} */
header .rightDiv .menu>ul>li:last-child img {
margin-right: 10px;
}
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu>ul>li>a {
padding: 0;
font-size: 18px;
text-decoration: none;
text-transform: uppercase;
color: #333;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
.menu>ul>li:hover>a,
.menu>ul>li.active>a {
color: #fff;
}
/* .menu>ul>li.has-sub>a {
padding-right: 20px;
} */
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-15px;width:8px;height:8px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}*/
/* .menu>ul>li.has-sub>a::after {
position: absolute;
top: 50%;
margin-top: -3px;
right: 0;
width: 10px;
height: 6px;
content: "";
background: url(../images/l01.png) no-repeat; */
/*} */
.menu ul li {
/* overflow: hidden; */
}
.menu ul li:hover {
/* overflow: visible; */
}
/*.menu>ul>li.has-sub:hover>a::after,.menu>ul>li.has-sub.on>a::after{border-color:#fff}*/
.menu ul ul {}
.menu ul li:hover>ul {
top: 60px;
opacity: 1;
visibility: visible;
background: #e4faea;
}
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul {
right: 100%;
top: 0;
width: 100%;
}
.menu ul ul li:hover>ul {
margin-left: 0;
}
.menu ul ul li:hover {
background: #084827;
}
.menu ul ul li:hover a {
color: #fff;
}
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul {
width: 100%;
/* margin-left: -8px; */
text-align: center;
top: 120px;
position: absolute;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
left: 0;
box-shadow: 0 0 5px #ccc;
background: #e4faea;
box-shadow: 0px 1px 7px 0px rgba(8, 72, 39, 0.48);
opacity: 0.62;
}
.menu ul ul .ul {
background: rgba(255, 255, 255, 0);
/* border-radius: 6px; */
box-shadow: 0px 5px 5px rgba(0, 0, 0, .1);
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #084827;
}
.menu ul ul li {
padding: 0 15px;
-webkit-transition: height .2s ease;
-moz-transition: height .2s ease;
-ms-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease;
/* text-align: center; */
}
/*.menu ul ul li:first-child{border-radius: 6px 6px 0 0;}*/
/*.menu ul ul li a{padding:10px;width: width: 100%;;font-size:15px;text-decoration:none;color:#666666;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#81D8D0;background: #F9F9F9;}*/
.menu ul ul li>a {
color: #333;
border-bottom: 1px solid #084827;
text-decoration: none;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
/* padding: 10px 0; */
}
.menu ul ul li>a:hover,
.menu ul ul li a:hover {
/* color: #f05a59; */
border: 0;
}
.menu ul ul li:last-child>a {
border: 0;
}
.bannerIndex {
margin-top: 60px;
}
.bannerIndex .swiper-pagination-bullet {
width: 52px;
height: 7px;
background: #fff;
opacity: 0.4;
border-radius: 0;
background: #084827;
}
.bannerIndex .swiper-pagination-bullet-active {
background: #084827;
opacity: 1;
}
.bannerSwiperC {
position: absolute;
width: 1200px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bannerSwiperC1 {
display: flex;
justify-content: space-between;
width: 82.9%;
padding-bottom: 40px;
border-bottom: 1px solid #c3c3c3;
}
.bannerSwiperC1 li {
color: #fca200;
}
.bannerSwiperC1 p {
width: 630px;
color: #333;
line-height: 24px;
}
.bannerSwiperC2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 82.9%;
padding-right: 50px;
}
.bannerSwiperC2 div {
width: 30%;
color: #333;
white-space: nowrap;
}
.bannerSwiperC2 div:nth-child(3n) {
width: 315px;
}
.bannerSwiperC2 div img {
margin-right: 15px;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 65px;
}
ul,
li {
list-style: none;
margin: 0;
padding: 0;
}
.homeCTitleW {
width: 100%;
height: 110px;
background: #EAE9E5;
display: flex;
align-items: center;
}
.homeCTitle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.homeCTitle div {
font-size: 26px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #084827;
}
.homeCTitle div p {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #084827;
}
.homeC0 {
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 90px 0;
text-align: center;
}
.homeC0 img {
max-width: 100%;
}
.homeC0 li {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #084827;
margin: 45px 0 30px;
}
.homeC0 p {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #084827;
line-height: 30px;
}
.homeC1List {
/*display: flex;*/
align-items: center;
justify-content: space-between;
margin: 120px 0;
}
.homeC1List ul {
overflow: hidden;
}
.homeC1ListText {
width: 37.5%;
}
.homeC1List>img {
width: 57%;
}
.homeC1ListText a {
display: flex;
align-items: center;
justify-content: space-between;
width: 352px;
height: 40px;
background: #084827;
border-radius: 20px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FEFEFE;
padding: 0 30px;
}
.homeC1ListTextJS {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
line-height: 30px;
border-bottom: 2px solid #EADFAB;
padding-bottom: 25px;
margin-bottom: 40px;
}
.hxgd {
width: 100%;
height: 10px;
background: #D7BD45;
opacity: 0.5;
margin: 15px 0 70px;
}
.homeC1ListText div.homeC1ListTextTitel {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #084827;
line-height: 30px;
}
.homeC1ListText>p {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #D7BD45;
line-height: 30px;
}
.homeC2 {
display: flex;
justify-content: space-between;
}
.cpjs_navW {
width: 100%;
height: 110px;
background: #EAE9E5;
display: flex;
align-items: center;
}
.cpjs_navC {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.cpjs_navC a {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #084827;
padding-bottom: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
margin-right: 100px;
}
.cpjs_navC a:hover,
.cpjs_navC a.cpjs_navCActive {
border-bottom: 1px solid #084827;
}
.cpjs1ListBg {
width: 100%;
background: #EAE9E5;
}
.cpjs1List {
display: flex;
align-items: center;
justify-content: space-between;
height: 700px;
padding: 50px 0;
}
.cpjs1ListText {
width: 37.5%;
}
.cpjs1List>img {
max-width: 57%;
max-height: 100%;
}
.cpjs1ListText div.cpjs1ListTextTitel {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #084827;
line-height: 30px;
}
.cpjs1ListText>p {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #D7BD45;
line-height: 30px;
}
.cpjs1ListTextJS {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
line-height: 30px;
margin: 30px 0;
}
.cpjs1ListText a {
display: flex;
align-items: center;
justify-content: space-between;
width: 352px;
height: 40px;
background: #084827;
border-radius: 20px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FEFEFE;
padding: 0 30px;
}
.breadcrumb_navigation {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.breadcrumb_navigation ul {
display: flex;
align-items: center;
margin-left: 10px;
width: 100%;
}
.breadcrumb_navigation a {
margin: 5px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
}
.breadcrumb_navigation a:last-child {
color: #084827;
}
.join_us .homeC1ListTextJS {
display: flex;
align-items: center;
height: 60px;
margin: 0;
padding: 0;
}
.join_us .hxgd {
margin-bottom: 40px;
}
.mapPic {
width: 100%;
height: auto;
margin: 0 auto 120px;
}
.qy_pages {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 40px 0 60px;
}
.qy_pages select {
border: 1px solid #dadada;
outline: none;
padding: 0 5px;
}
.qy_pages a {
padding-left: 15px;
}
.dtxqC {
padding: 60px 0 1px;
border-bottom: 1px solid #e5e5e5;
}
.dtxqC li {
font-size: 22px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #084827;
line-height: 30px;
text-align: center;
}
.dtxqC p {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #666666;
line-height: 28px;
margin: 30px 0;
}
.dtxqC img {
max-width: 100%;
display: block;
margin: 45px auto;
}
.dtLink {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
margin-bottom: 30px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #666666;
line-height: 30px;
}
.cpxqC {
margin: 80px 0 !important;
}
.cpxqCText {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
line-height: 28px;
margin-bottom: 80px;
}
/*PHONE屏幕下的专用样式*/
@media screen and (max-width:767px) {
.wrap,
.wrap2 {
width: 90%;
margin: 0 auto;
font-size: 14px;
}
.showDiv {
display: block;
}
.menu {
width: 100%
}
.menu ul {
width: 100%;
display: block;
}
.menu ul ul {
top: 0;
border: 0;
box-shadow: none;
border-top: 1px #eee solid;
}
.menu ul ul .ul {
background: #fff;
box-shadow: none !important;
border-radius: 0;
}
.menu>ul>li>a {
padding: 0 20px;
}
.menu.align-center>ul,
.menu.align-right ul ul {
text-align: left
}
.menu ul li,
.menu ul ul li,
.menu ul li:hover>ul>li {
width: 100%;
height: auto;
border-top: 1px solid rgba(255, 255, 255, .3)
}
.menu ul li:hover>ul {
top: 0;
}
.menu ul li a,
.menu ul ul li a {
width: 100%
}
.menu>ul>li,
.menu.align-center>ul>li,
.menu.align-right>ul>li {
float: none;
display: block
}
.menu ul ul li a {
padding: 0 20px 0 30px;
font-size: 12px;
background: 0 0
}
/*.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#fff}*/
.menu ul ul ul li a {
padding-left: 40px
}
.menu ul ul,
.menu ul ul ul {
position: relative;
left: 0;
right: auto;
width: 100%;
margin: 0
}
.menu>ul>li.has-sub>a::after,
.menu ul ul li.has-sub>a::after {
display: none
}
#menu-line {
display: none
}
.menu #menu-button {
display: block;
padding: 20px;
color: #000;
cursor: pointer;
font-size: 12px;
text-transform: uppercase
}
.menu #menu-button::after {
content: '';
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 15px;
height: 2px;
background: #fff
}
.menu #menu-button::before {
content: '';
position: absolute;
top: 25px;
right: 20px;
display: block;
width: 15px;
height: 3px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff
}
.menu .submenu-button {
position: absolute;
z-index: 10;
right: 0;
top: 0;
display: block;
border-left: 1px solid #eee;
height: 52px;
width: 52px;
cursor: pointer
}
.menu .submenu-button::after {
content: '';
position: absolute;
top: 21px;
left: 26px;
display: block;
width: 1px;
height: 11px;
background: #999;
z-index: 99
}
.menu .submenu-button::before {
content: '';
position: absolute;
left: 21px;
top: 26px;
display: block;
width: 11px;
height: 1px;
background: #999;
z-index: 99
}
.menu .submenu-button.submenu-opened:after {
display: none
}
.menu ul ul {
background: transparent;
border-bottom: none;
padding: 0;
}
.menu ul ul ul {
top: 0;
}
.menu li:hover>ul {
left: auto;
margin-left: auto;
}
.menu ul ul li>a:last-child {
border-bottom: 0;
}
header .rightDiv .menu ul li ul li {
border-bottom: 1px #eee dashed;
border-top: 0;
}
header .rightDiv .menu ul li ul li:last-child {
border: 0;
}
header .logo {
width: 40%;
margin-left: 0;
}
header .logo a {
/* height: 35px; */
margin-top: 5px;
}
.menu ul ul {
visibility: visible;
opacity: 1;
}
header .wrap {
display: block;
}
header.header2 .rightDiv .menu>ul>li>a {
color: #333;
}
header {
position: fixed;
z-index: 999;
top: 0;
left: auto;
right: 0;
width: 100%;
height: 50px;
padding-top: 0;
/* box-shadow: 0 0 5px #EEEEEE; */
/* background: #000; */
/*background-color: transparent;*/
transition: right 300ms !important;
}
header.header2 {
background: #FFFFFF;
border: 0;
box-shadow: 0 0 5px #EEEEEE;
}
header .rightDiv .menu>ul>li>a:hover {
color: #009A44;
}
.on-fixed header {
box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}
/*body.on-menu header {right: 45%;}*/
header .mbtn {
display: block;
}
body.on-menu header .mbtn {
z-index: 9999;
}
header .rightDiv .menu {
float: right;
position: fixed;
top: 50px;
right: 0;
width: 100%;
height: 100%;
padding-top: 0;
/* background-color: rgba(0, 0, 0, 0.9); */
background: #fff;
border-bottom: 1px solid #f8f8f847;
transition: right 300ms;
right: -100%;
padding: 0;
z-index: 9999;
overflow-y: auto;
text-align: center;
margin-top: 0;
padding-bottom: 50px;
}
header .rightDiv .menu ul>li {
padding: 0;
margin: 0;
border-bottom: 1px solid #eee;
float: none;
width: 100%;
}
header .rightDiv .menu ul>li:first-child {
border-top: 1px #eee solid;
}
header .rightDiv .menu ul li a {
display: block;
line-height: 50px;
height: 50px;
color: #333;
/*padding: 0 15px;*/
text-align: left;
font-size: 16px;
font-weight: normal;
}
header .rightDiv .menu>ul>li>a.now::after,
header .rightDiv .menu>ul>li:hover>a::after {
display: none;
}
header .rightDiv .menu>ul>li>a.login {
width: 100px;
margin: 10px 0;
margin-left: 20px;
text-align: center;
}
header .rightDiv .menu>ul>li>a small {
display: none;
}
header .rightDiv .menu>ul {
display: block;
/* padding-top: 60px; */
width: 100%;
}
body.on-menu header .rightDiv .menu {
right: 0;
}
body.on-menu .main {
right: 0;
}
header .rightDiv .menu>ul>li>a {
padding: 0 20px;
background: none;
margin: 0;
width: 100%;
color: #333;
}
header .rightDiv .menu ul li i {
display: block;
}
header .twoMenu {
position: relative;
top: 0px;
background: none;
padding: 0;
width: initial;
}
header .twoMenu dl {
margin-bottom: 10px;
}
header .twoMenu dl dd {
margin-top: 0;
}
header .rightDiv .menu ul li .twoMenu dl dt>a {
color: #fff;
}
.on-fixed header .rightDiv .menu ul li .twoMenu dl dt>a {
color: #000;
}
header .rightDiv .menu ul li .twoMenu {
top: 10px;
box-shadow: none;
}
header .rightDiv .menu ul li .twoMenu .liDiv>a {
line-height: 32px;
height: 32px;
font-weight: normal;
}
header .twoMenu .liDiv>a:after {
top: 0;
}
header .rightDiv .menu ul li.relativeLi .twoMenu .ulDiv {
margin: 0 15px;
}
header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on {
color: #a13e91;
}
header .rightDiv .menu ul li .twoMenu dl dt>a {
line-height: 50px;
height: initial;
}
header .rightDiv .menu>ul>li>a::before {
display: none;
}
header .rightDiv .menu>ul>li:hover,
header .rightDiv .menu>ul>li:focus,
header .rightDiv .menu>ul>li.on {
background: none;
}
header .rightDiv .menu>ul>li.on>a {
color: #204e9e;
}
header .rightDiv .menu>ul>li>a:hover span,
header .rightDiv .menu>ul>li>a.now span {
display: none;
/* background: #3fba9e;
border-bottom: 2px #3fba9e solid; */
}
.hideDiv {
display: none;
}
.banner_nei img {
min-height: 160px;
object-fit: cover;
}
.bannerIndex {
margin-top: 50px;
}
.bannerIndex img {
height: 280px;
}
.bannerIndex .wrap {
line-height: 22px;
top: 30px;
width: 95%;
}
.bannerIndex .wrap .font18 {
font-size: 14px;
}
.bannerIndex .swiper-pagination-bullet {
width: 15px;
height: 15px;
}
.homeC1List,
.homeC0,
.cpjs1List {
display: block;
margin: 20px auto;
height: auto;
}
.homeC0 {
padding: 30px 0 1px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.homeC0 div {
width: 45%;
margin-bottom: 40px;
}
.homeC0 img {
max-height: 260px;
}
.homeC0 li {
margin: 15px 0 5px;
font-size: 15px;
}
.homeC0 p {
font-size: 14px;
line-height: 25px;
}
.cpjs1List {
margin: 0 auto;
}
.homeC1List {
padding: 20px;
box-shadow: 0 0 8px #ccc;
}
.homeC1ListText,
.cpjs1ListText {
width: 100%;
margin: 20px 0;
}
.hxgd,
.homeC1ListTextJS {
margin: 10px 0 20px;
}
.homeC1List ul,
.homeC1ListText a,
.cpjs1ListText a,
.cpjs1List>img {
max-width: 100%;
width: 100%;
}
.cpjs_navC a {
margin-right: 10px;
}
.mapPic {
margin-bottom: 30px;
}
.breadcrumb_navigation a {
font-size: 13px;
}
.cpjs_navW {
height: 50px;
}
.cpxqC {
margin-top: 30px !important;
}
.cpxqCText {
margin-bottom: 20px;
}
.homeC1List>img {
width: 100%;
}
}
/*PAD屏幕下的专用样式*/
@media screen and (min-width: 768px) and (max-width:992px) {
.wrap,
.wrap2 {
width: 90%;
margin: 0 auto;
font-size: 14px;
}
.showDiv {
display: block;
}
.menu {
width: 100%
}
.menu ul {
width: 100%;
display: block;
}
.menu ul ul {
top: 0;
border: 0;
box-shadow: none;
border-top: 1px #eee solid;
}
.menu ul ul .ul {
background: #fff;
box-shadow: none !important;
border-radius: 0;
}
.menu>ul>li>a {
padding: 0 20px;
}
.menu.align-center>ul,
.menu.align-right ul ul {
text-align: left
}
.menu ul li,
.menu ul ul li,
.menu ul li:hover>ul>li {
width: 100%;
height: auto;
border-top: 1px solid rgba(255, 255, 255, .3)
}
.menu ul li:hover>ul {
top: 0;
}
.menu ul li a,
.menu ul ul li a {
width: 100%
}
.menu>ul>li,
.menu.align-center>ul>li,
.menu.align-right>ul>li {
float: none;
display: block
}
.menu ul ul li a {
padding: 0 20px 0 30px;
font-size: 12px;
background: 0 0
}
/*.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#fff}*/
.menu ul ul ul li a {
padding-left: 40px
}
.menu ul ul,
.menu ul ul ul {
position: relative;
left: 0;
right: auto;
width: 100%;
margin: 0
}
.menu>ul>li.has-sub>a::after,
.menu ul ul li.has-sub>a::after {
display: none
}
#menu-line {
display: none
}
.menu #menu-button {
display: block;
padding: 20px;
color: #000;
cursor: pointer;
font-size: 12px;
text-transform: uppercase
}
.menu #menu-button::after {
content: '';
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 15px;
height: 2px;
background: #fff
}
.menu #menu-button::before {
content: '';
position: absolute;
top: 25px;
right: 20px;
display: block;
width: 15px;
height: 3px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff
}
.menu .submenu-button {
position: absolute;
z-index: 10;
right: 0;
top: 0;
display: block;
border-left: 1px solid #eee;
height: 52px;
width: 52px;
cursor: pointer
}
.menu .submenu-button::after {
content: '';
position: absolute;
top: 21px;
left: 26px;
display: block;
width: 1px;
height: 11px;
background: #999;
z-index: 99
}
.menu .submenu-button::before {
content: '';
position: absolute;
left: 21px;
top: 26px;
display: block;
width: 11px;
height: 1px;
background: #999;
z-index: 99
}
.menu .submenu-button.submenu-opened:after {
display: none
}
.menu ul ul {
background: transparent;
border-bottom: none;
padding: 0;
}
.menu ul ul ul {
top: 0;
}
.menu li:hover>ul {
left: auto;
margin-left: auto;
}
.menu ul ul li>a:last-child {
border-bottom: 0;
}
header .rightDiv .menu ul li ul li {
border-bottom: 1px #eee dashed;
border-top: 0;
}
header .rightDiv .menu ul li ul li:last-child {
border: 0;
}
header .logo {
width: 18%;
margin-left: 0;
}
header .logo a {
/* height: 35px; */
margin-top: 5px;
}
.menu ul ul {
visibility: visible;
opacity: 1;
}
header .wrap {
display: block;
}
header.header2 .rightDiv .menu>ul>li>a {
color: #333;
}
header {
position: fixed !important;
z-index: 999;
top: 0;
left: auto;
right: 0;
width: 100%;
height: 50px;
padding-top: 0;
/* box-shadow: 0 0 5px #EEEEEE; */
/* background: #000; */
/*background-color: transparent;*/
transition: right 300ms !important;
}
header.header2 {
background: #FFFFFF;
border: 0;
box-shadow: 0 0 5px #EEEEEE;
}
header .rightDiv .menu>ul>li>a:hover {
color: #009A44;
}
.on-fixed header {
box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}
/*body.on-menu header {right: 45%;}*/
header .mbtn {
display: block;
}
body.on-menu header .mbtn {
z-index: 9999;
}
header .rightDiv .menu {
float: right;
position: fixed;
top: 50px;
right: 0;
width: 100%;
height: 100%;
padding-top: 0;
/* background-color: rgba(0, 0, 0, 0.9); */
background: #fff;
border-bottom: 1px solid #f8f8f847;
transition: right 300ms;
right: -100%;
padding: 0;
z-index: 9999;
overflow-y: auto;
text-align: center;
margin-top: 0;
padding-bottom: 50px;
}
header .rightDiv .menu ul>li {
padding: 0;
margin: 0;
border-bottom: 1px solid #eee;
float: none;
width: 100%;
}
header .rightDiv .menu ul>li:first-child {
border-top: 1px #eee solid;
}
header .rightDiv .menu ul li a {
display: block;
line-height: 50px;
height: 50px;
color: #333;
/*padding: 0 15px;*/
text-align: left;
font-size: 16px;
font-weight: normal;
}
header .rightDiv .menu>ul>li>a.now::after,
header .rightDiv .menu>ul>li:hover>a::after {
display: none;
}
header .rightDiv .menu>ul>li>a.login {
width: 100px;
margin: 10px 0;
margin-left: 20px;
text-align: center;
}
header .rightDiv .menu>ul>li>a small {
display: none;
}
header .rightDiv .menu>ul {
display: block;
/* padding-top: 60px; */
width: 100%;
}
body.on-menu header .rightDiv .menu {
right: 0;
}
body.on-menu .main {
right: 0;
}
header .rightDiv .menu>ul>li>a {
padding: 0 20px;
background: none;
margin: 0;
width: 100%;
color: #333;
}
header .rightDiv .menu ul li i {
display: block;
}
header .twoMenu {
position: relative;
top: 0px;
background: none;
padding: 0;
width: initial;
}
header .twoMenu dl {
margin-bottom: 10px;
}
header .twoMenu dl dd {
margin-top: 0;
}
header .rightDiv .menu ul li .twoMenu dl dt>a {
color: #fff;
}
.on-fixed header .rightDiv .menu ul li .twoMenu dl dt>a {
color: #000;
}
header .rightDiv .menu ul li .twoMenu {
top: 10px;
box-shadow: none;
}
header .rightDiv .menu ul li .twoMenu .liDiv>a {
line-height: 32px;
height: 32px;
font-weight: normal;
}
header .twoMenu .liDiv>a:after {
top: 0;
}
header .rightDiv .menu ul li.relativeLi .twoMenu .ulDiv {
margin: 0 15px;
}
header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on {
color: #a13e91;
}
header .rightDiv .menu ul li .twoMenu dl dt>a {
line-height: 50px;
height: initial;
}
header .rightDiv .menu>ul>li>a::before {
display: none;
}
header .rightDiv .menu>ul>li:hover,
header .rightDiv .menu>ul>li:focus,
header .rightDiv .menu>ul>li.on {
background: none;
}
header .rightDiv .menu>ul>li.on>a {
color: #204e9e;
}
header .rightDiv .menu>ul>li>a:hover span,
header .rightDiv .menu>ul>li>a.now span {
display: none;
/* background: #3fba9e;
border-bottom: 2px #3fba9e solid; */
}
.hideDiv {
display: none;
}
.banner_nei img {
min-height: 160px;
object-fit: cover;
}
.bannerIndex .wrap {
line-height: 22px;
top: 30px;
width: 95%;
}
.bannerIndex {
margin-top: 50px;
}
.bannerIndex .wrap .font18 {
font-size: 14px;
}
.bannerIndex .swiper-pagination-bullet {
width: 15px;
height: 15px;
}
}
/*中等PC屏幕下的专用样式*/
@media screen and (min-width:993px) and (max-width:1024px) {
.wrap,
.wrap2 {
width: 94%;
}
header .rightDiv .menu>ul>li {
padding: 0 10px;
}
.logo {
width: 180px;
}
}
@media screen and (min-width:993px)and (max-width:1600px) {
.wrap {
width: 100%;
}
.logo {
width: 180px;
}
header .rightDiv .menu>ul>li {
padding: 0 20px;
}
}
/* sg-tt-offset */
body{padding-top:60px}.bannerIndex{margin-top:0}
@media screen and (max-width:992px){body{padding-top:50px}.bannerIndex{margin-top:0}}
/* sg-content-fit */
.dtxqC video,.dtxqC iframe,.dtxqC embed,.dtxqC object,.dtxqC img,.dtxqC table{max-width:100%!important}.dtxqC video{height:auto!important}.dtxqC{overflow-wrap:anywhere;word-break:break-word}.dtxqC span{white-space:normal!important}