* {
padding: 0;
margin: 0;
font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important; }
.fa {
font-family: FontAwesome !important; }
a {
cursor: pointer;
text-decoration: none; }
a:hover {
text-decoration: none; }
img {
border: none; }
ul {
list-style-type: none; }
.col-md-6, .col-xs-12, .col-sm-6 {
padding: 0; }
.centerArea1 {
width: 95%;
max-width: 1200px;
margin: 0 auto; }
.centerArea2 {
width: 100%;
max-width: 1440px;
margin: 0 auto; }
#page-content-wrapper .container {
width: 100%;
margin: 0;
padding: 0; }
.header {
height: 80px;
position: fixed;
transition: top .3s !important;
width: 100%;
background-color: white;
opacity: 1 !important;
left: 0;
top: 0;
z-index: 9999;
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 1px; }
.header .logo {
display: block;
float: left; }
.header .navContainer {
height: 100%;
text-align: center;
display: inline-block;
width: calc(100% - 340px - 320px);
position: absolute;
top: 0;
left: 320px; }
.header .navContainer > ul {
height: 100%;
position: relative;
z-index: 95; }
.header .navContainer > ul > li {
float: left;
height: 100%;
line-height: 80px;
width: 14.2857%;
position: relative;
z-index: 96; }
.header .navContainer > ul > li > a {
font-size: 16px;
color: #3c3c3c;
font-weight: 600; }
.header .navContainer > ul > li > a:hover {
color: #E67349; }
.header .navContainer > ul > li > ul {
position: absolute;
z-index: 97;
top: 80px;
left: 0;
width: 100%;
height: 250px;
display: none;
background: none;
overflow: hidden;
border-left: 1px solid gainsboro;
padding-left: 1px;
padding-top: 20px; }
.header .navContainer > ul > li > ul li {
transition: all 0.3s ease-out, all 0.3s ease-out;
padding: 4px 2px;
line-height: 22px; }
.header .navContainer > ul > li > ul li ul {
display: none !important; }
.header .navContainer > ul > li > ul li a {
color: #525252;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.header .navContainer > ul > li > ul li:hover {
background: #FF773D; }
.header .navContainer > ul > li > ul li:hover a {
color: white; }
.header .navContainer > ul li:first-child ul {
border-left: none;
padding-left: 0; }
.header .headerRight {
float: right;
height: 80px; }
.header .headerRight .search {
float: left;
display: block;
height: 100%;
width: 82px;
text-align: center;
line-height: 80px;
border-right: 1px solid gainsboro;
border-left: 1px solid gainsboro; }
.header .headerRight .search i {
color: #ed6d1e;
font-size: 20px;
display: block;
height: 100%;
line-height: 80px; }
.header .headerRight .dropdown {
float: left;
width: 102px;
height: 80px; }
.header .headerRight .dropdown #dropdownMenu1{
display: block;
width: 100%;
height: 100%;
border: none;
color:#333333;
line-height: 66px;
text-decoration: none;
border-radius: 0; }
.header .headerRight .onlineMall {
background: #E63843;
font-size: 18px;
color: white;
text-align: center;
width: 155px;
height: 80px;
line-height: 80px;
display: block;
float: left; }
li.Brand ul li {
display: none !important; }
.pcArea.header .navContainer ul li .showMore {
display: none; }
.pcArea.header .navContainer .submenuBg {
position: fixed;
z-index: 94;
top: 80px;
left: 0;
width: 100%;
height: 251px;
display: none;
background: white;
background: rgba(255, 255, 255, 0.9);
overflow: hidden;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 1px inset; }
.pcArea.header .navContainer .submenuBg > div {
position: relative;
width: 100%;
height: 100%; }
.pcArea.header .navContainer .submenuBg > div > div {
height: 100%;
text-align: center;
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: -270px; }
.pcArea.header .navContainer .submenuBg > div > div ul {
display: block;
float: left;
padding-right: 1px;
border-right: 1px solid gainsboro;
padding-top: 20px;
padding-bottom: 20px;
height: 190px; }
.pcArea.header .navContainer .submenuBg > div > div ul li {
padding: 0;
height: 30px; }
.pcArea.header .navContainer .submenuBg > div > div ul li a {
display: block;
line-height: 30px;
color: #7f8085; }
.pcArea.header .navContainer .submenuBg > div > div ul li:hover a {
color: white;
background: #FF773D; }
.pcArea.header .navContainer .submenuBg > div > div ul:first-child {
padding-left: 1px;
border-left: 1px solid gainsboro; }
.main .bg_video_contain {
height: calc(100vh - 80px);
background: url("../images/Banner.jpg") no-repeat center;
/*background: url("../images/20201013.jpg") no-repeat center 80px;*/
background-size: cover;
width: 100%;
position: relative; }
.main .bg_video_contain .index_img {
width: 100%;
position: relative;
z-index: 99;
transform: translate(0, 0);
overflow: hidden; }
.main .bg_video_contain .word {
position: absolute;
z-index: 999;
width: 100%;
top: 0;
left: 0;
overflow: hidden;
background: url("../images/videoWordBg.png") no-repeat right top;}
.main .bg_video_contain .word .videoWord {
height: 166px;
background: url("../images/videoWord.png") no-repeat center; }
.main .bg_video_contain .word .playBtn {
height: 122px;
margin-top: 42px; }
.main .bg_video_contain .word .playBtn > div {
position: relative;
width: 60px;
height: 60px;
margin: 0 auto; }
.main .bg_video_contain .word .playBtn > div > div {
position: relative;
cursor: pointer; }
.main .bg_video_contain .word .playBtn > div > div i {
width: 68px;
height: 68px;
display: block;
font-size: 78px;
/* margin: 0 auto; */
color: #FF773D; }
.main .bg_video_contain .word .playBtn > div > div img {
display: block;
width: 100%; }
.main .bg_video_contain .word .playBtn > div div:before {
content: "";
width: 60px;
height: 60px;
border-radius: 50%;
border: 4px solid #fff;
position: absolute;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
opacity: 0;
transform: scale(1.7);
-moz-transform: scale(1.7);
-ms-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
display: block; }
.main .bg_video_contain .word .playBtn > div:hover div:before {
display: block;
opacity: 1;
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1); }
.main .bg_video_contain .word .playBtn .tipsWord {
color: white;
height: 26px;
line-height: 26px;
text-align: center;
width: 100%;
padding-top: 15px;
font-size: 14px; }
.main .bg_video_contain .word .more {
width: 60px;
height: 60px;
position: absolute;
bottom: 74px;
left: 50%;
margin-left: -29px;
z-index: 99999;
background: url("../images/videoMore.png") no-repeat center;
background-size: 100% 100%;
cursor: pointer;
transition: all .3s;
display: none;
opacity: 0.9;
filter: Alpha(opacity=90); }
.main .bg_video_contain .word .more:hover {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.main .videoFix {
position: fixed;
width: 100%;
height: 100%;
z-index: 99995;
top: 0;
left: 0;
display: none; }
.main .videoFix .container {
position: relative;
width: 100%;
height: 100%;
z-index: 99996; }
.main .videoFix .container .fixBg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: black;
opacity: 0.7;
z-index: 99997; }
.main .videoFix .container .videoContainer {
position: absolute;
z-index: 99998;
width: 60%;
left: 50%;
top: 50%; }
.main .videoFix .container .videoContainer video {
width: 100%; }
.main .videoFix .container .videoColse {
position: absolute;
z-index: 99998;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
background: rgba(0, 0, 0, 0.4);
left: 50%;
margin-left: -22px;
bottom: 30px;
border-radius: 50%;
cursor: pointer; }
.main .videoFix .container .videoColse img {
width: 18px;
display: block;
margin: 13px auto; }
.main .about {
margin-top: 135px; }
.main .about .title {
color: #3c3c3c;
font-size: 60px;
font-weight: bold;
text-align: center;
line-height: 80px; }
.main .about .subTitle {
font-size: 18px;
color: #3c3c3c;
text-align: center;
line-height: 32px;
padding-top: 22px;
padding-bottom: 24px; }
.main .about .aboutContainer > div {
display: block;
transition: all 0.45s ease-out;
position: relative; }
.main .about .aboutContainer > div a {
display: block;
width: 100%;
position: relative;
z-index: 9; }
.main .about .aboutContainer > div .line {
display: inline-block;
position: absolute;
top: 10px;
z-index: 0;
width: calc(100% - 20px);
height: calc(100% - 20px);
overflow: hidden;
z-index: 99; }
.main .about .aboutContainer > div .line .line_top {
content: '';
display: inline-block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 0;
height: 1px;
background: #fff;
opacity: 0;
transition: all .5s ease-out; }
.main .about .aboutContainer > div .line .line_right {
content: '';
display: inline-block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 1px;
height: 0;
background: #fff;
opacity: 0;
transition: all .5s ease-out; }
.main .about .aboutContainer > div .line .line_bottom {
content: '';
display: inline-block;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background: #fff;
opacity: 0;
transition: all .5s ease-out; }
.main .about .aboutContainer > div .line .line_left {
content: '';
display: inline-block;
position: absolute;
left: 0;
z-index: 1;
width: 1px;
height: 0%;
background: #fff;
opacity: 0;
transition: all .5s ease-out; }
.main .about .aboutContainer > div img {
width: 100%; }
.main .about .aboutContainer > div .mask {
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 98;
top: 0;
left: 0;
transition: all 0.45s ease-out; }
.main .about .aboutContainer > div .word {
position: absolute;
z-index: 997;
left: 40px;
bottom: 60px; }
.main .about .aboutContainer > div .word div:first-child {
line-height: 56px;
font-size: 40px;
color: white; }
.main .about .aboutContainer > div .word div:first-child + div {
display: inline-block;
font-size: 26px;
line-height: 36px;
padding-bottom: 10px;
color: white;
border-bottom: 1px solid gainsboro; }
.main .about .aboutContainer > div .blackMask {
opacity: 0;
filter: Alpha(opacity=0);
background: black; }
.main .about .aboutContainer > div .hoverMask {
opacity: 0;
filter: Alpha(opacity=0); }
.main .about .aboutContainer > div .hoverMask img {
width: 100%; }
.main .about .aboutContainer > div a:hover .line .line_left, .main .about .aboutContainer > div a:hover .line .line_right {
height: 100%;
opacity: 1;
filter: Alpha(opacity=100);
transition: all .5s ease-in-out; }
.main .about .aboutContainer > div a:hover .line .line_top, .main .about .aboutContainer > div a:hover .line .line_bottom {
width: 100%;
opacity: 1;
filter: Alpha(opacity=100);
transition: all .5s ease-in-out; }
.main .about .aboutContainer > div a:hover .blackMask {
opacity: 0;
filter: Alpha(opacity=0); }
.main .about .aboutContainer > div a:hover .hoverMask {
opacity: 0.7;
filter: Alpha(opacity=0); }
.main .about .aboutContainer > div:first-child {
padding-right: 6px; }
.main .about .aboutContainer > div:first-child .line {
left: 9px; }
.main .about .aboutContainer > div:first-child + div {
padding: 0 3px; }
.main .about .aboutContainer > div:first-child + div .line {
left: 10px; }
.main .about .aboutContainer > div:first-child + div + div {
padding-left: 6px; }
.main .about .aboutContainer > div:first-child + div + div .line {
right: 9px; }
.main .doWhat > div .leftS {
padding: 0;
margin-top: -35px;
float: right; }
.main .doWhat > div .leftS .swiper-container {
height: 644px; }
.main .doWhat > div .leftS .swiper-container .swiper-wrapper .swiper-slide {
margin-top: -100px;
overflow: hidden !important; }
.main .doWhat > div .leftS .swiper-container .swiper-wrapper .swiper-slide > a {
display: block;
width: 100%;
height: 100%;
max-width: 720px; }
.main .doWhat > div .leftS .swiper-container .swiper-wrapper .swiper-slide img {
width: 100%;
display: block; }
.main .doWhat > div .rightS {
float: right;
margin-top: -35px;
height: 644px;
padding: 166px 0 0 0;
background: #F1F1F1;
text-align: center; }
.main .doWhat > div .rightS div {
text-align: center; }
.main .doWhat > div .rightS .businessArea {
margin-top: 100px;
color: #3C3C3C;
font-size: 28px;
line-height: 42px; }
.main .doWhat > div .rightS .whatWeDo {
line-height: 80px;
color: #3C3C3C;
font-size: 60px;
font-weight: 600;
padding-bottom: 24px; }
.main .doWhat > div .rightS .direction {
color: #3C3C3C;
font-size: 18px;
line-height: 32px;
padding-bottom: 40px; }
.main .doWhat > div .rightS .swiperBtnList {
height: 86px;
text-align: center; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn {
display: inline-block;
margin: 0 10px;
width: 72px;
padding-top: 72px;
line-height: 24px;
color: #F1F1F1;
color: transparent;
font-size: 14px;
transition: all 0.45s ease-out;
text-decoration: none;
height: 86px; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn.active {
color: #E67349; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child {
background: url("../images/jn.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn {
background: url("../images/rh.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn {
background: url("../images/sp.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn + .swiper_btn {
background: url("../images/wt.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .active.swiper_btn:first-child {
background: url("../images/jn_hover.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn.active {
background: url("../images/rh_hover.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn.active {
background: url("../images/sp_hover.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn + .swiper_btn.active {
background: url("../images/wt_hover.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .learnMore {
display: block;
width: 150px;
height: 36px;
border: 1px solid #e67349;
border-radius: 2px;
font-size: 14px;
text-align: center;
line-height: 36px;
color: #E67349;
margin: 18px auto;
transition: all 0.45s ease-out;
text-decoration: none; }
.main .doWhat > div .rightS .learnMore:hover {
color: white;
background: #FF773D; }
.main .doWhat > div .rightS .cooperativePartner {
display: inline-block;
line-height: 20px;
color: #FF3000;
font-size: 14px;
text-decoration: underline; }
.main .newsContainer {
padding-top: 40px; }
.main .newsContainer .containerTitle {
color: #3C3C3C;
font-size: 60px;
text-align: center;
font-weight: 600;
margin-top: 100px; }
.main .newsContainer .tabNameList {
text-align: center;
margin-bottom: 42px; }
.main .newsContainer .tabNameList .tabName {
display: inline-block;
color: #3C3C3C;
font-size: 28px;
padding: 3px;
border-bottom: 3px solid white;
margin: 0 12px;
cursor: pointer; }
.main .newsContainer .tabNameList .tabName.active {
border-bottom: 3px solid #e63843; }
.main .newsContainer .tabList .tab {
display: none; }
.main .newsContainer .tabList .tab .imageContain .col-md-6:first-child {
padding-right: 20px; }
.main .newsContainer .tabList .tab .imageContain .col-md-6:first-child + .col-md-6 {
padding-left: 20px; }
.main .newsContainer .tabList .tab .imageContain > div > div {
border: 1px solid gainsboro; }
.main .newsContainer .tabList .tab .imageContain > div .img {
display: block;
height: 333px;
background: #727272;
position: relative;
z-index: 9;
overflow: hidden; }
.main .newsContainer .tabList .tab .imageContain > div .img img {
width: 100%; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo {
padding: 22px 46px;
margin-top: -1px;
position: relative;
z-index: 8; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo .title {
font-size: 18px;
color: #3C3C3C;
line-height: 32px;
margin-bottom: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo .title a {
color: #3C3C3C;
font-size: 18px;
font-weight: 600;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo .abstract {
height: 78px;
line-height: 26px;
color: #525252;
font-size: 16px;
margin-bottom: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo .otherInfo {
height: 20px; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo .otherInfo .time {
color: #8C8C8C;
font-size: 14px;
float: left; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo .otherInfo .more {
float: right;
color: #E67349;
font-size: 14px;
display: none; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo .otherInfo .more i {
font-size: 18px;
margin-left: 12px; }
.main .newsContainer .tabList .tab .imageContain > div > div:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 1px; }
.main .newsContainer .tabList .tab .imageContain > div > div:hover .wordInfo .title a {
color: #E67349; }
.main .newsContainer .tabList .tab .imageContain > div > div:hover .otherInfo .more {
display: block; }
.main .newsContainer .tabList .tab .wordsNews {
padding-top: 50px;
padding-bottom: 50px; }
.main .newsContainer .tabList .tab .wordsNews > div {
position: relative; }
.main .newsContainer .tabList .tab .wordsNews > div .newsTitle {
display: block; }
.main .newsContainer .tabList .tab .wordsNews > div .newsTitle {
transition: all 0.3s ease-out, all 0.3s ease-out;
color: #3C3C3C;
font-size: 18px;
line-height: 32px;
margin-bottom: 12px;
height: 96px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.main .newsContainer .tabList .tab .wordsNews > div .newsTitle:hover {
color: #E67349; }
.main .newsContainer .tabList .tab .wordsNews > div .time {
color: #8C8C8C;
font-size: 14px; }
.main .newsContainer .tabList .tab .wordsNews > div .borderDiv {
position: absolute;
width: 1px;
height: 100%;
background: #DCDCDC;
top: 0; }
.main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child {
padding-right: 66.666px; }
.main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child .borderDiv {
right: 16.6666px; }
.main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child + .col-md-4 {
padding: 0 33.3333px; }
.main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child + .col-md-4 .borderDiv {
display: none; }
.main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child + .col-md-4 + .col-md-4 {
padding-left: 66.666px; }
.main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child + .col-md-4 + .col-md-4 .borderDiv {
left: 16.6666px; }
.main .newsContainer .tabList .tab .newsMore {
display: block;
width: calc(33.3333% + 16.6666px + 16.6666px);
margin: 0 auto;
height: 44px;
line-height: 44px;
text-align: center;
border: 1px solid #DCDCDC;
color: #3C3C3C;
text-decoration: none; }
.main .newsContainer .tabList .tab .newsMore i {
margin-left: 12px; }
.main .newsContainer .tabList .tab .newsMore:hover {
background: #FF773D;
color: white;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.main .newsContainer .tabList .tab.active {
display: block; }
.footer .enterprises {
height: 40px; }
.footer .enterprises .showEnterprisesBtn {
width: 150px;
height: 40px;
line-height: 40px;
padding-left: 22px;
color: white;
float: right;
background: #FF773D;
cursor: pointer; }
.footer .enterprises .showEnterprisesBtn i {
float: right;
display: block;
margin-right: 20px;
color: white;
font-size: 16px;
margin-top: 10px; }
.footer .logo_share {
background: #DCDCDC;
padding-top: 50px;
padding-bottom: 35px; }
.footer .logo_share .leftSide {
float: left; }
.footer .logo_share .leftSide .logo {
width: 210px;
height: 68px;
padding-bottom: 10px;
background: url("../images/Bitmap.png") no-repeat left center;
background-size: cover; }
.footer .logo_share .leftSide .logo + div {
color: #525252;
font-size: 14px;
line-height: 26px; }
.footer .logo_share .rightSide {
float: right; }
.footer .logo_share .rightSide > div {
display: inline-block;
margin-left: 14px;
margin-top: 25px;
position: relative; }
.footer .logo_share .rightSide > div .QR_code {
position: absolute;
width: 80px;
height: 80px;
border: 1px solid;
top: -88px;
left: 50%;
margin-left: -40px;
display: none;
z-index: 99; }
.footer .logo_share .rightSide > div .btn i {
display: block;
font-size: 18px;
margin-top: 5px;
margin-left: -2px;
color: #8c8c8c; }
.footer .logo_share .rightSide .WeChat .btn:hover i {
color: #32af00; }
.footer .logo_share .rightSide .micro-blog .btn:hover i {
color: #ed2828; }
.footer .tips_copyright {
background: #525252;
padding-top: 22px;
padding-bottom: 22px; }
.footer .tips_copyright a {
color: white;
margin-right: 15px;
font-size: 14px; }
.footer .tips_copyright .tips {
line-height: 24px;
color: white;
opacity: 0.3;
padding-top: 10px; }
.footer .tips_copyright .copyright {
line-height: 24px;
color: white;
opacity: 0.3; }
.footer .tips_copyright .copyright a {
color: white; }
.phoneArea {
display: none; }
.popup_bg {
background: black;
opacity: 0.5;
width: 100%;
height: 100%;
position: fixed;
z-index: 999998;
display: none;
top: 0; }
.leftS_popup {
overflow: hidden;
position: fixed;
z-index: 9999998;
width: 100%;
max-width: 375px;
height: 100%;
top: 0;
bottom: 0;
left: 0;
display: none; }
.leftS_popup .navContainer {
position: absolute;
left: -375px;
top: 0;
z-index: 99999999;
width: 100%;
background-size: 100%;
height: 100%;
overflow: auto;
background: white; }
.leftS_popup .navContainer > ul {
display: block;
width: 94%;
margin: 0 auto; }
.leftS_popup .navContainer > ul > li {
display: block;
position: relative;
top: 0;
width: 100%;
vertical-align: top;
opacity: 0;
transition: all .3s;
overflow: hidden; }
.leftS_popup .navContainer > ul > li > a {
padding: 28px 0 15px 0;
display: block;
border-bottom: 1px solid #ddd;
text-align: center;
color: #3c3c3c;
font-size: 20px;
text-decoration: none; }
.leftS_popup .navContainer > ul > li .showMore {
position: absolute;
width: 40px;
height: 40px;
top: 22px;
right: 0;
background-size: 14px auto;
cursor: pointer; }
.leftS_popup .navContainer > ul > li .showMore.plus {
background: url("../images/plus.svg") no-repeat center;
background-size: 14px auto; }
.leftS_popup .navContainer > ul > li .showMore.minus {
background: url("../images/minus.svg") no-repeat center;
background-size: 14px auto; }
.leftS_popup .navContainer > ul > li ul {
display: none;
width: 80%;
margin: 0 auto; }
.leftS_popup .navContainer > ul > li ul li {
border-bottom: 1px solid #e5e5e5; }
.leftS_popup .navContainer > ul > li ul li a {
text-align: center;
display: inline-block;
width: 100%;
padding: 16px 0;
font-size: 17px;
line-height: 1;
font-weight: 700;
letter-spacing: -0.01em;
color: #333; }
.leftS_popup .navContainer > ul > li ul li ul {
display: none !important; }
.leftS_popup .navContainer > ul > li ul li .showMore {
display: none !important; }
.leftS_popup .navContainer > ul > li.active {
display: block; }
.leftS_popup .navContainer > ul > li.active > a {
color: #FF773D; }
@-webkit-keyframes showNavLi {
0% {
top: 104px;
opacity: 0; }
100% {
top: 0;
opacity: 1; } }
@keyframes showNavLi {
0% {
top: 104px;
opacity: 0; }
100% {
top: 0;
opacity: 1; } }
@-moz-keyframes showNavLi {
0% {
top: 104px;
opacity: 0; }
100% {
top: 0;
opacity: 1; } }
@-o-keyframes showNavLi {
0% {
top: 104px;
opacity: 0; }
100% {
top: 0;
opacity: 1; } }
.leftS_popup .navContainer > ul li:nth-child(1) {
animation: showNavLi 0.5s ease-out 0.5s 1 forwards; }
.leftS_popup .navContainer > ul li:nth-child(2) {
animation: showNavLi 0.5s ease-out 0.6s 1 forwards; }
.leftS_popup .navContainer > ul li:nth-child(3) {
animation: showNavLi 0.5s ease-out 0.7s 1 forwards; }
.leftS_popup .navContainer > ul li:nth-child(4) {
animation: showNavLi 0.5s ease-out 0.8s 1 forwards; }
.leftS_popup .navContainer > ul li:nth-child(5) {
animation: showNavLi 0.5s ease-out 0.9s 1 forwards; }
.leftS_popup .navContainer > ul li:nth-child(6) {
animation: showNavLi 0.5s ease-out 1.0s 1 forwards; }
.leftS_popup .navContainer > ul li:nth-child(7) {
animation: showNavLi 0.5s ease-out 1.1s 1 forwards; }
.leftS_popup .navContainer .closeDiv {
height: 48px;
width: 95%;
margin: 0 auto; }
.leftS_popup .navContainer .closeDiv .closeBtn {
height: 100%;
float: right;
width: 44px;
text-align: center;
line-height: 44px;
cursor: pointer; }
.leftS_popup .navContainer .closeDiv .closeBtn img {
display: block;
margin: 14px auto;
width: 20px; }
.leftS_popup .navContainer .closeDiv .typeface {
float: left;
margin-top: 12px; }
.leftS_popup .navContainer .closeDiv .typeface a {
display: inline-block;
padding: 5px;
border-bottom: 2px solid transparent;
margin-right: 13px;
font-size: 12px;
line-height: 1;
font-weight: 400;
letter-spacing: 0.05em;
color: #111;
position: relative; }
.leftS_popup .navContainer .closeDiv .typeface a.on, .leftS_popup .navContainer .closeDiv .typeface a:hover {
border-bottom: 2px solid #111;
font-weight: 700;
color: #111; }
.leftS_popup .navContainer .search {
position: relative;
padding-bottom: 8px;
border-bottom: 2px solid #111;
margin: 28px 15px 0;
font-size: 0;
height: 40px; }
.leftS_popup .navContainer .search input {
word-spacing: normal;
text-transform: none;
text-indent: 0;
text-shadow: none;
-webkit-appearance: textfield;
background-color: white;
-webkit-rtl-ordering: logical;
cursor: text;
padding: 1px; }
.leftS_popup .navContainer .search .searchValue {
display: inline-block;
width: 90%;
padding: 5px 42px 5px 7.5px;
font-size: 16.5px;
line-height: 1;
color: #111;
letter-spacing: 0.06em;
border: 0; }
.leftS_popup .navContainer .search .deleteBtn {
display: none;
position: absolute;
top: 2px;
left: 80%;
width: 25px;
height: 25px;
background: url(../images/close.svg) no-repeat center;
background-color: gainsboro;
background-size: 10px auto;
border: none;
border-radius: 50%; }
.leftS_popup .navContainer .search .searchBtn {
display: inline-block;
position: absolute;
opacity: 0;
top: 0;
right: 0;
width: 38px;
height: 33px;
z-index: 999; }
.leftS_popup .navContainer .search i {
display: inline-block;
position: absolute;
z-index: 998;
top: 0;
right: 0;
font-size: 24px;
color: #3c3c3c; }
.rightS_popup {
overflow: hidden;
position: fixed;
z-index: 9999998;
width: 100%;
max-width: 375px;
height: 100%;
top: 0;
bottom: 0;
right: 0;
display: none; }
.rightS_popup .popup_contain {
position: absolute;
right: -375px;
top: 0;
z-index: 99999999;
background: black;
width: 100%;
background-size: 100%;
height: 101%;
overflow: auto; }
.rightS_popup .popup_contain .popup_header {
position: relative;
background: url(../images/phoneImages/zxsc_select.png) no-repeat left -19px;
height: 47px; }
.rightS_popup .popup_contain .popup_header .close {
width: 44px;
height: 100%;
float: none;
margin-left: 10px; }
.rightS_popup .popup_contain ul li {
height: 92px;
display: block;
position: relative;
top: 0;
width: 100%;
vertical-align: top;
opacity: 0;
transition: all .3s;
overflow: hidden; }
.rightS_popup .popup_contain ul li a {
display: block;
width: 100%;
height: 100%; }
@-webkit-keyframes showLi {
0% {
top: 104px;
opacity: 0; }
100% {
top: 0;
opacity: 1; } }
@-moz-keyframes showLi {
0% {
top: 104px;
opacity: 0; }
100% {
top: 0;
opacity: 1; } }
@-o-keyframes showLi {
0% {
top: 104px;
opacity: 0; }
100% {
top: 0;
opacity: 1; } }
@keyframes showLi {
0% {
top: 104px;
opacity: 0; }
100% {
top: 0;
opacity: 1; } }
.rightS_popup .popup_contain ul li:nth-child(1) {
animation: showLi 0.5s ease-out 0.5s 1 forwards; }
.rightS_popup .popup_contain ul li:nth-child(2) {
animation: showLi 0.5s ease-out 0.6s 1 forwards; }
.rightS_popup .popup_contain ul li:nth-child(3) {
animation: showLi 0.5s ease-out 0.7s 1 forwards; }
.rightS_popup .popup_contain ul li:nth-child(4) {
animation: showLi 0.5s ease-out 0.8s 1 forwards; }
.rightS_popup .popup_contain ul li:nth-child(5) {
animation: showLi 0.5s ease-out 0.9s 1 forwards; }
.rightS_popup .popup_contain ul li:nth-child(6) {
animation: showLi 0.5s ease-out 1.0s 1 forwards; }
.rightS_popup .popup_contain ul li:nth-child(7) {
animation: showLi 0.5s ease-out 1.1s 1 forwards; }
.rightS_popup .popup_contain ul li:first-child {
background: url("../images/phoneImages/lq.png") no-repeat center;
background-size: 100% auto; }
.rightS_popup .popup_contain ul li:first-child + li {
background: url("../images/phoneImages/sy.png") no-repeat center;
background-size: 100% auto; }
.rightS_popup .popup_contain ul li:first-child + li + li {
background: url("../images/phoneImages/555.png") no-repeat center;
background-size: 100% auto; }
.rightS_popup .popup_contain ul li:first-child + li + li + li {
background: url("../images/phoneImages/qjy.png") no-repeat center;
background-size: 100% auto; }
.rightS_popup .popup_contain ul li:first-child + li + li + li + li {
background: url("../images/phoneImages/sjp.png") no-repeat center;
background-size: 100% auto; }
.rightS_popup .popup_contain ul li:first-child + li + li + li + li + li {
background: url("../images/phoneImages/ktp.png") no-repeat center;
background-size: 100% auto; }
.rightS_popup .popup_contain ul li:first-child + li + li + li + li + li + li {
background: url("../images/phoneImages/moreList.png") no-repeat left center;
height: 73px; }
.phoneBanner {
display: none; }
.bg_video_contain .home-container .video-section {
position: absolute !important; }
.innerMain {
overflow: hidden; }
.innerMain .innerBanner {
height: 458px;
padding-top: 80px;
width: 100%;
max-width: 1920px;
margin: 0 auto;
border-bottom: 1px solid #DCDCDC;
position: relative;
z-index: 9; }
.innerMain .innerBanner > div {
height: 100%;
position: relative;
z-index: 99; }
.innerMain .innerBanner > div .columnBreadcrumb {
padding-top: 15px;
line-height: 18px;
color: rgba(255, 255, 255, 0.4); }
.innerMain .innerBanner > div .columnBreadcrumb a {
color: rgba(255, 255, 255, 0.4); }
.innerMain .innerBanner > div .columnBreadcrumb a:last-child {
color: white; }
.innerMain .innerBanner > div .positionColumn .columnName {
line-height: 52px;
font-size: 40px;
text-align: center;
padding-bottom: 4px;
padding-top: 74px;
color: white;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
.innerMain .innerBanner > div .positionColumn .subName {
line-height: 25px;
font-size: 22px;
color: white;
text-align: center;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
.innerMain .innerBanner > div .positionColumn .subName span {
display: inline-block;
width: 45px;
border: 1px solid white;
margin-bottom: 5px;
margin-left: 6px; }
.innerMain .innerBanner > div .positionColumn .subName span:first-child {
margin-left: 0;
margin-right: 6px; }
.innerMain .innerBanner > div .positionColumn.Brand .columnName, .innerMain .innerBanner > div .positionColumn.null .columnName {
padding-top: 112px !important; }
.innerMain .innerBanner > div .subMenu {
height: 74px;
position: absolute;
bottom: 1px;
left: 0;
width: 100%;
z-index: 999; }
.innerMain .innerBanner > div .subMenu ul {
background: white;
height: 74px; }
.innerMain .innerBanner > div .subMenu ul li {
margin-top: 20px;
line-height: 32px;
text-align: center;
position: relative;
padding: 0;
border-left: 2px solid #DCDCDC; }
.innerMain .innerBanner > div .subMenu ul li a {
color: #3C3C3C;
font-size: 18px; }
.innerMain .innerBanner > div .subMenu ul li span {
position: absolute;
width: 0;
height: 4px;
background: none;
bottom: -21px;
left: 50%;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.innerMain .innerBanner > div .subMenu ul li ul {
display: none; }
.innerMain .innerBanner > div .subMenu ul li.selected span {
width: 42px;
background: #FF5E19;
margin-left: -21px; }
.innerMain .innerBanner > div .subMenu ul li:hover span {
width: 42px;
background: #FF5E19;
margin-left: -21px; }
.innerMain .innerBanner > div .subMenu ul li:first-child {
border-left: 0; }
.innerMain .innerBanner > div .subMenu ul.dropdown-menu {
width: 100%;
height: auto;
padding: 6px 12px; }
.innerMain .innerBanner > div .subMenu ul.dropdown-menu li {
width: 100% !important;
border: none;
height: 44px;
line-height: 44px;
text-align: left;
margin: 0; }
.innerMain .innerBanner > div .subMenu ul.dropdown-menu li a {
line-height: 44px;
padding: 0 12px; }
.innerMain .innerBanner > div .subMenu ul.dropdown-menu li span {
display: none; }
.innerMain .innerBanner > div .subMenu .dropdown-toggle {
display: none;
width: 100%;
height: 100%;
border-radius: 0;
text-align: left;
font-size: 18px; }
.innerMain .innerBanner > div .subMenu .dropdown-toggle .caret {
float: right;
display: block;
margin-top: 10px; }
.innerMain .innerBanner > div .subMenu.dropdown, .innerMain .innerBanner > div .subMenu.dropup {
height: 54px; }
.innerMain .innerBanner > div .subMenu.dropdown .dropdown-toggle, .innerMain .innerBanner > div .subMenu.dropup .dropdown-toggle {
display: block; }
.innerMain .innerBanner > div .positionColumn.Brand + .subMenu {
display: none; }
.innerMain .innerBanner .Arc {
position: absolute;
z-index: 10;
right: 0;
height: 100%;
width: 100%;
background: url("../images/arc.svg") no-repeat right bottom;
background-size: auto 100%;
top: 0; }
.innerMain .innerBanner.About, .innerMain .Brand.innerBanner {
background: url("../images/banner2.jpg?v=2.0") no-repeat center;
background-size: auto 100%; }
@media screen and (max-width:440px) {
.innerMain .innerBanner.About, .innerMain .Brand.innerBanner {
background: url("../images/banner2_p.jpg") no-repeat center;
background-size: auto 100%; }
}
.innerMain .innerBanner.Group, .innerMain .innerBanner.null, .innerMain .innerBanner.field {
background: url("../images/newsBanner.jpg") no-repeat center;
background-size: auto 100%;
z-index: 100; }
.innerMain .innerBanner.Culture {
background: url("../images/banner5.jpg") no-repeat center;
background-size: auto 100%; }
.innerMain .innerBanner.Info {
background: url("../images/banner4.jpg?v=2.0") no-repeat center;
background-size: auto 100%; }
.innerMain .innerBanner.Brand {
background: url("../images/banner3.jpg") no-repeat center;
background-size: auto 100%; }
.innerMain .positionColumn.About.Us {
display: none !important; }
.innerMain .content {
padding: 48px 0; }
.innerMain .content .currentColumn {
color: #3C3C3C;
font-size: 40px;
line-height: 56px;
text-align: center; }
.innerMain .content .imgList ul {
margin-top: -20px; }
.innerMain .content .imgList ul li {
padding-top: 45px; }
.innerMain .content .imgList ul li .img {
width: 100%;
height: 248px;
overflow: hidden;
display: block; }
.innerMain .content .imgList ul li .word {
padding: 16px 25px;
border: 1px solid gainsboro;
margin-top: -1px; }
.innerMain .content .imgList ul li .word .time {
color: #525252;
font-size: 14px;
line-height: 20px;
padding-bottom: 10px; }
.innerMain .content .imgList ul li .word .title {
height: 64px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.innerMain .content .imgList ul li .word .title a {
line-height: 32px;
color: #3C3C3C;
font-size: 18px;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.innerMain .content .imgList ul li > div:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 1px; }
.innerMain .content .imgList ul li > div:hover .word {
border: 1px solid white; }
.innerMain .content .imgList ul li > div:hover .title a {
color: #E67349; }
.innerMain .content .imgList ul li:nth-child(3n+1) {
padding-left: 0;
padding-right: 30px; }
.innerMain .content .imgList ul li:nth-child(3n+2) {
padding-right: 15px;
padding-left: 15px; }
.innerMain .content .imgList ul li:nth-child(3n) {
padding-left: 30px;
padding-right: 0; }
.innerMain .content .newspaperList ul li {
padding-top: 40px; }
.innerMain .content .newspaperList ul li > div {
background: #FAF8F4;
border: 1px solid #DBDCE0; }
.innerMain .content .newspaperList ul li > div .img {
background: #FAF8F4;
padding: 15px; }
.innerMain .content .newspaperList ul li > div .img div {
border: 1px solid #DBDCE0;
width: 100%;
height: 100%;
overflow: hidden; }
.innerMain .content .newspaperList ul li > div .word {
border: none !important;
padding: 4px 10px 20px 10px; }
.innerMain .content .newspaperList ul li > div .word .title {
text-align: center;
height: auto; }
.innerMain .content .newspaperList ul li:nth-child(4n+1) {
padding-left: 0;
padding-right: 20px; }
.innerMain .content .newspaperList ul li:nth-child(4n+2) {
padding-left: 7px;
padding-right: 13px; }
.innerMain .content .newspaperList ul li:nth-child(4n+3) {
padding-left: 13px;
padding-right: 7px; }
.innerMain .content .newspaperList ul li:nth-child(4n+4) {
padding-left: 20px;
padding-right: 0; }
.innerMain .content .newspagerContainter {
margin: 36px auto 0 auto; }
.innerMain .content .newspagerContainter .pageImgList {
width: 49.1%;
float: left;
padding-right: 68px; }
.innerMain .content .newspagerContainter .pageImgList img {
width: 100%;
display: none;
border: 1px solid rgba(31, 31, 31, 0.15);
box-shadow: 0 6px 24px 0 rgba(31, 31, 31, 0.19); }
.innerMain .content .newspagerContainter .pageImgList img:first-child {
display: block; }
.innerMain .content .newspagerContainter .pageList {
width: 50.9%;
float: left; }
.innerMain .content .newspagerContainter .pageList .pageNameList .pageName {
height: 30px;
line-height: 30px;
font-size: 16px;
color: #4A4A4A;
text-align: center;
cursor: pointer;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.innerMain .content .newspagerContainter .pageList .pageNameList .pageName.selected {
color: #FF6F00;
background: #FAF8F4; }
.innerMain .content .newspagerContainter .pageList .catalog {
padding-top: 42px;
padding-bottom: 8px;
line-height: 28px;
border-bottom: 1px solid #B2B2B2;
position: relative;
font-size: 18px;
color: #3C3C3C; }
.innerMain .content .newspagerContainter .pageList .catalog:before {
content: " ";
position: absolute;
width: 36px;
height: 3px;
background: #F56A00;
left: 0;
bottom: -1px; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews {
display: none; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li {
border-top: 1px dashed #B2B2B2; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a {
display: block;
padding: 18px 0;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a .title {
font-size: 18px;
line-height: 28px;
padding-bottom: 8px;
color: black;
font-weight: 600;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a .abstract {
font-size: 16px;
color: #525252;
line-height: 26px;
max-height: 52px;
overflow: hidden; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a .time {
padding-top: 3px;
line-height: 24px;
font-size: 14px;
color: #919191; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a:hover {
background: #FAF8F4; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a:hover .title {
color: #FF6F00; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li:first-child {
border-top: 0; }
.innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews:first-child {
display: block; }
.innerMain .content .chooseTime {
margin: 16px auto 34px auto;
width: 95%;
max-width: 858px;
position: relative;
z-index: 99; }
.innerMain .content .chooseTime > div.dropdown {
float: right;
margin-left: 0;
width: 80px; }
.innerMain .content .chooseTime > div.dropdown .dropdown-menu {
width: 100%;
min-width: 100%; }
.innerMain .content .chooseTime > div.dropdown .month_menu li {
display: none; }
.innerMain .content .chooseTime > div.dropdown button {
width: 100% !important;
position: relative;
border: none;
background: none !important;
text-align: center;
box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
border-radius: 0;
outline: none; }
.innerMain .content .chooseTime > div.dropdown button, .innerMain .content .chooseTime > div.dropdown span, .innerMain .content .chooseTime > div.dropdown a {
font-size: 14px;
color: #525252; }
.innerMain .article {
width: 95%;
max-width: 768px;
margin: 0 auto; }
.innerMain .article .articleInfo {
height: 26px; }
.innerMain .article .articleInfo div {
color: #1F1F1F;
font-size: 16px;
float: left;
line-height: 26px;
margin-right: 30px; }
.innerMain .article .title {
padding-top: 8px;
padding-bottom: 20px;
color: #1F1F1F;
font-weight: 600;
font-size: 40px;
line-height: 56px;
border-bottom: 1px solid #DCDCDC; }
.innerMain .article .articleDetail {
padding-top: 30px; }
.innerMain .article .articleDetail p {
color: #1F1F1F;
line-height: 26px;
font-size: 16px; }
.innerMain .article .articleDetail img {
max-width: 100% !important; }
.innerMain .article .articleDetail table {
width: 100% !important; }
.innerMain .article .share {
padding-top: 60px; }
.innerMain .groupIntroduction {
padding-top: 36px; }
.innerMain .groupIntroduction .currentImg {
float: left;
background: gray;
width: 36.9%; }
.innerMain .groupIntroduction .currentImg img {
max-width: 100%; }
.innerMain .groupIntroduction .htmlPageContent {
width: 52%;
float: right; }
.innerMain .groupIntroduction .htmlPageContent .topSign {
width: 35px;
height: 5px;
background: #F56A00;
margin-bottom: 50px;
margin-top: 20px; }
.innerMain .groupIntroduction .htmlPageContent p {
font-size: 16px;
line-height: 26px;
color: #1F1F1F; }
.innerMain .groupProcessContent {
width: 95%;
max-width: 700px;
margin: 0 auto; }
.innerMain .groupProcessContent .title {
padding-bottom: 40px;
font-size: 28px;
line-height: 40px;
text-align: center;
color: #3c3c3c; }
.innerMain .groupProcessContent .historyList {
position: relative;
padding-top: 36px; }
.innerMain .groupProcessContent .historyList .history {
position: relative; }
.innerMain .groupProcessContent .historyList .history > div {
padding-bottom: 44px; }
.innerMain .groupProcessContent .historyList .history > div .year {
margin-top: -10px;
font-size: 40px;
color: #000000;
line-height: 56px; }
.innerMain .groupProcessContent .historyList .history > div .year_month {
color: #F56A00;
font-size: 14px;
line-height: 21px;
position: relative;
margin-top: 20px;
margin-bottom: 4px; }
.innerMain .groupProcessContent .historyList .history > div .year_month span {
display: block;
width: 20px;
height: 1px;
background-color: #DCDCDC;
position: absolute;
top: 10px; }
.innerMain .groupProcessContent .historyList .history > div .event {
color: #525252;
font-size: 16px;
line-height: 26px; }
.innerMain .groupProcessContent .historyList .history > div img {
margin-top: 78px;
max-width: 100%; }
.innerMain .groupProcessContent .historyList .history > div:first-child {
border-right: 1px solid #DCDCDC;
padding-right: 40px; }
.innerMain .groupProcessContent .historyList .history > div:first-child .year {
text-align: right; }
.innerMain .groupProcessContent .historyList .history > div:first-child .year_month {
text-align: right; }
.innerMain .groupProcessContent .historyList .history > div:first-child .year_month span {
right: -40px; }
.innerMain .groupProcessContent .historyList .history > div:first-child .event {
text-align: right; }
.innerMain .groupProcessContent .historyList .history > div:first-child + div {
padding-left: 40px;
border-left: 1px solid #DCDCDC;
margin-left: -1px; }
.innerMain .groupProcessContent .historyList .history > div:first-child + div .year {
text-align: left; }
.innerMain .groupProcessContent .historyList .history > div:first-child + div .year_month {
text-align: left; }
.innerMain .groupProcessContent .historyList .history > div:first-child + div .year_month span {
left: -40px; }
.innerMain .groupProcessContent .historyList .history > div:first-child + div .event {
text-align: left; }
.innerMain .groupProcessContent .historyList .history .sign {
position: absolute;
width: 8px;
height: 8px;
background: #FF773D;
border-radius: 50%;
top: 15px;
left: 50%;
margin-left: -5px;
padding: 0; }
.innerMain .groupProcessContent .historyList .history .sign:before {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #FF773D;
position: absolute;
left: 50%;
margin-left: -6px;
top: -2px;
padding: 0; }
.innerMain .groupProcessContent .historyList .history:first-child {
padding-top: 15px; }
.innerMain .groupProcessContent .historyList .history:first-child > div .year {
margin-top: -24px; }
.innerMain .groupProcessContent .historyList .history:first-child > div img {
margin-top: 62px; }
.innerMain .groupProcessContent .historyList > .sign.end {
position: absolute;
width: 8px;
height: 8px;
background: #FF773D;
border-radius: 50%;
bottom: 0;
left: 50%;
margin-left: -5px;
padding: 0; }
.innerMain .newsList {
width: 95%;
max-width: 858px;
margin: 36px auto 0 auto; }
.innerMain .newsList ul {
border-top: 1px solid gainsboro; }
.innerMain .newsList ul li {
padding-top: 26px;
padding-bottom: 26px;
border-bottom: 1px dashed gainsboro;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.innerMain .newsList ul li > a {
display: block; }
.innerMain .newsList ul li .newsImg {
display: block;
width: 32.867%;
float: left;
height: 160px;
overflow: hidden;
border: 1px solid gainsboro;
background-color: #eeeeee; }
.innerMain .newsList ul li .newsWordInfo {
width: 64.1212%;
float: right;
padding-right: 20px; }
.innerMain .newsList ul li .newsWordInfo .title {
display: inline-block;
color: black;
font-size: 18px;
line-height: 32px;
margin-top: 4px;
margin-bottom: 6px;
transition: all 0.3s ease-out, all 0.3s ease-out;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
font-weight: 600; }
.innerMain .newsList ul li .newsWordInfo .abstract {
color: #525252;
font-size: 16px;
line-height: 26px;
margin-bottom: 18px;
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 78px; }
.innerMain .newsList ul li .newsWordInfo .time {
color: #9B9B9B;
font-size: 14px;
line-height: 20px; }
.innerMain .newsList ul li:hover {
background: #FAF8F4; }
.innerMain .newsList ul li:hover .title {
color: #F56A00; }
.groupIntroduction .footer {
margin-top: 50px; }
.newsDeaaultBg {
display: block;
width: 100%;
height: 100%;
background: url("../images/newsDefault.png") no-repeat center;
background-color: #eeeeee;
background-size: 64.5% auto; }
.page {
padding-top: 70px;
text-align: center; }
.page #info span, .page #info a {
display: inline-block;
height: 38px;
line-height: 38px;
background: #FFFFFF;
border: 1px solid gainsboro;
border-radius: 4px;
padding: 0 16px !important;
cursor: pointer;
color: #B2B2B2;
transition: all 0.3s ease-out, all 0.3s ease-out; }
.page #info span:hover, .page #info a:hover {
background: #E67349;
border: 1px solid #E67349;
color: white; }
.page #info .pageCount {
cursor: default; }
.page #info .currentlinkspan {
background: #E67349;
border: 1px solid #E67349;
color: white; }
.page #info span.cannotClick, .page #info a.cannotClick {
background: #FFFFFF !important;
border: 1px solid gainsboro !important;
padding: 0 16px !important;
cursor: default;
color: #B2B2B2; }
.brandClassification {
padding: 18px 0; }
.brandClassification .select-selector {
text-align: center; }
.brandClassification .select-selector a {
font-size: 16px;
color: #3C3C3C;
margin: 0 20px;
position: relative;
padding: 8px 0; }
.brandClassification .select-selector a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
height: 3px;
background-color: #FF5E19;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.brandClassification .select-selector a.active:after, .brandClassification .select-selector a:hover:after {
width: 100%; }
.brandClassification .select-selector a.active, .brandClassification .select-selector a:hover {
color: #FB5232; }
.brandClassification .brandNameList {
padding-top: 60px; }
.brandClassification .brandNameList ul {
margin-left: -40px; }
.brandClassification .brandNameList ul li {
width: 20%;
margin-bottom: 40px;
float: left; }
.brandClassification .brandNameList ul li a {
margin-left: 40px;
position: relative;
display: block; }
.brandClassification .brandNameList ul li a img {
display: block;
width: 100%;
height: auto; }
.brandClassification .brandNameList ul li a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 5px solid transparent;
-webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.5, 1);
-o-transition: all 0.5s cubic-bezier(0, 0.5, 0.5, 1);
transition: all 0.5s cubic-bezier(0, 0.5, 0.5, 1);
border-width: 10px; }
.brandClassification .brandNameList ul li a:hover:before {
border-color: #e0e0e0; }
.transitionLable {
opacity: 0;
filter: alpha(opacity=0) \9;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
-webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98); }
.transitionLable.select {
opacity: 1;
filter: alpha(opacity=100) \9;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mapContainer {
position: relative;
min-height: 500px; }
.mapContainer #panel {
position: fixed;
background-color: white;
max-height: 90%;
overflow-y: auto;
top: 10px;
right: 10px;
width: 280px; }
.mapContainer .mapWord {
position: absolute;
z-index: 999;
background: white;
padding: 40px;
left: 128px;
bottom: 128px; }
.mapContainer .mapTitle {
font-size: 40px;
color: #31424E;
font-weight: bold; }
.mapContainer .mapWord .subTitle {
font-size: 20px;
color: #3C3C3C;
line-height: 40px;
padding-bottom: 15px; }
.mapContainer .mapWord .link {
padding-top: 10px;
border-top: 1px solid #31424e; }
.mapContainer .mapWord .link div {
width: 50%;
float: left;
color: #31424E;
font-size: 14px;
line-height: 26px;
margin-top: 6px; }
.mapContainer .amap-icon img {
width: 100%; }
/*.mapContainer .amap-logo, .mapContainer .amap-copyright {
display: none !important; }*/
.amap-copyright{
bottom:3px;
}
.mapContainer #container {
height: 500px; }
.mapContainer .prohibitZooming {
position: absolute;
width: 100%;
height: 500px;
top: 0;
left: 0;
opacity: 0;
z-index: 9980; }
.mapContainer .amap-toolbar {
display: none !important; }
.mapContainer .amap-icon {
top: -20px !important; }
.mapContainer .amap-icon img {
top: 0 !important;
left: 4px !important;
width: 70%; }
#bt.btmtip, #bt2.btmtip {
position: absolute;
z-index: 9990;
left: 50%;
top: 480px;
width: 250px;
height: 62px;
line-height: 62px;
text-align: center;
color: #1F1F1F;
background: white;
font-size: 16px;
margin-left: 350px;
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.21);
cursor: pointer; }
#bt.btmtip span, #bt2.btmtip span {
color: #1F1F1F;
font-size: 16px;
display: inline-block;
border-bottom: 1px solid #FF773D; }
#bt2.btmtip {
display: none; }
.pdfContainer {
text-align: center; }
.pdfContainer a {
color: #3C3C3C;
transition: all 0.3s ease-out, all 0.3s ease-out;
text-decoration: none; }
.pdfContainer a:hover {
color: #E67349; }
.prevPage {
margin-left: 4px; }
.nextPage {
margin-left: 4px; }
.bd_weixin_popup {
height: 288px !important; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child {
background: url("../images/jn_2x.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn {
background: url("../images/rh_2x.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn {
background: url("../images/sp_2x.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn + .swiper_btn {
background: url("../images/wt_2x.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .active.swiper_btn:first-child {
background: url("../images/jn_hover_2x.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn.active {
background: url("../images/rh_hover_2x.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn.active {
background: url("../images/sp_hover_2x.png") no-repeat center top;
background-size: 100% auto; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn + .swiper_btn.active {
background: url("../images/wt_hover_2x.png") no-repeat center top;
background-size: 100% auto; }
.footer .logo_share .leftSide .logo {
background: url("../images/Bitmap_2x.png") no-repeat center;
background-size: cover; } }
@media only screen and (min-width: 1920px) {
.main .bg_video_contain {
background-size: cover !important; } }
@media only screen and (max-width: 1366px) {
.header .navContainer ul li {
padding: 0 9px; } }
@media only screen and (max-width: 1316px) {
.header .navContainer ul li a {
font-size: 14px; }
.header .navContainer > ul > li {
padding: 0;
width: 14.2857%; }
.header .navContainer > ul > li > ul {
padding-top: 12px; } }
@media only screen and (max-width: 1280px) {
.header .navContainer > ul > li > li {
height: 270px; }
.header .navContainer .submenuBg {
height: 271px; } }
@media only screen and (max-width: 1200px) {
.header {
height: 48px; }
.phoneArea {
display: block;
height: 48px;
text-align: center; }
.phoneArea .phone_headerContainer {
width: 95%;
margin: 0 auto;
height: 48px; }
.phoneArea .burgerMenu {
float: left;
width: 44px;
height: 100%;
line-height: 48px;
text-align: left;
cursor: pointer; }
.phoneArea .burgerMenu img {
display: block;
width: 22px;
margin-top: 14px; }
.phoneArea .logo {
display: inline-block;
height: 100%;
/* width: 60px; */
float: none;
line-height: 48px; }
.phoneArea .logo img {
height: 30px;
display: block;
margin-top: 9px; }
.phoneArea .shoppingMall {
float: right;
width: 44px;
height: 100%;
line-height: 48px;
text-align: right;
cursor: pointer; }
.phoneArea .shoppingMall img {
width: 22px;
margin-top: 14px; }
.pcArea {
display: none !important; }
.header .navContainer ul li {
padding: 0 9px; }
.innerMain .innerBanner {
height: 420px;
padding-top: 45px; }
#bt2.btmtip {
position: absolute;
left: auto;
margin-left: 0;
right: 0;
height: 40px;
line-height: 40px; }
.mapContainer .mapWord {
position: static !important;
padding-top: 520px; }
.mapContainer .mapWord .subTitle {
font-size: 18px;
line-height: 30px; }
.mapContainer .mapWord .link div {
width: 100%;
margin-top: 0; }
.mapContainer .mapTitle {
font-size: 30px;
padding-top: 20px; } }
.zzjg_head .zzjg_bg {
width: 100%;
max-width: 1200px;
background-color: #FBFBFB;
padding: 20px 0; }
.zzjg_head table tr {
display: block;
margin-bottom: 10px; }
.zzjg_head table tr td {
padding-left: 15px; }
.zzjg_head .zzjg_block {
margin: 10px auto;
display: block;
background-color: #FF8426;
width: 42px;
height: 4px; }
.zzjg_head img {
max-width: 100%;
margin: 0 auto; }
@media only screen and (max-width: 1024px) {
.main .doWhat > div .rightS .whatWeDo {
padding-bottom: 20px; }
.main .doWhat > div .rightS .direction {
padding-bottom: 15px; } }
@media only screen and (max-width: 992px) {
.main .doWhat > div .rightS {
height: 485px !important;
padding-top: 115px !important; }
.main .doWhat > div .rightS .businessArea {
margin-top: 50px !important; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo {
padding: 18px 26px; }
.main .newsContainer .tabList .tab .imageContain > div .wordInfo .abstract {
margin-bottom: 15px; }
.brandClassification .brandNameList ul {
margin-left: -30px;
margin-bottom: 30px; }
.brandClassification .brandNameList ul li {
width: 25%; }
.brandClassification .brandNameList ul li a {
margin-left: 30px; }
.innerMain .newsList ul li .newsWordInfo .title {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
max-height: 64px;
margin-top: 0; }
.innerMain .newsList ul li .newsWordInfo .abstract {
display: none; }
.innerMain .groupIntroduction .htmlPageContent {
width: 100%; }
.innerMain .groupIntroduction .currentImg {
width: 100%; } }
@media only screen and (max-width: 767px) {
.bg_video_contain {
display: none; }
.phoneBanner {
display: block;
overflow: hidden;
position: relative;
z-index: 997; }
.phoneBanner img {
width: 100%; }
.phoneBanner .words {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url("../images/videoWord.png") no-repeat center;
background-size: 275px auto;
z-index: 998; }
.phoneBanner .more {
position: absolute;
background: url("../images/pull_down.svg") no-repeat center;
z-index: 999;
width: 32px;
height: 32px;
background-size: 32px 32px;
bottom: 20px;
left: 50%;
margin-left: -22px;
opacity: 0.7; }
.main .newsContainer .tabList .tab .imageContain .col-md-6:first-child {
padding: 0; }
.main .newsContainer .tabList .tab .imageContain .col-md-6:first-child + .col-md-6 {
padding: 0;
margin-top: 15px; }
.main .newsContainer .tabList .tab .wordsNews {
padding-top: 0;
padding-bottom: 0; }
.main .newsContainer .tabList .tab .wordsNews > div.col-md-4 {
padding: 25px 0 !important;
border-bottom: 1px solid gainsboro; }
.main .newsContainer .tabList .tab .wordsNews > div.col-md-4 .borderDiv {
display: none; }
.main .newsContainer .tabList .tab .wordsNews > div.col-md-4 .newsTitle {
height: auto;
margin-bottom: 6px; }
.main .newsContainer .tabList .tab .wordsNews > div.col-md-4:first-child + div.col-md-4 + div.col-md-4 {
border-bottom: none; }
.main .about .aboutContainer > div {
padding: 0 !important;
margin-top: 20px; }
.main .about .aboutContainer > div:first-child {
margin-top: 0; }
.main .about {
margin-top: 120px; }
.main .about .title {
font-size: 40px;
line-height: 60px; }
.main .about .subTitle {
font-size: 16px;
padding-top: 0;
padding-bottom: 20px; }
.main .about .aboutContainer.centerArea1 {
width: 100%; }
.main .doWhat > div .leftS {
margin-top: 0; }
.main .doWhat > div .rightS {
margin-top: -100px; }
.main .doWhat > div .rightS .businessArea {
font-size: 24px; }
.main .doWhat > div .rightS .whatWeDo {
font-size: 40px;
padding-bottom: 0; }
.main .doWhat > div .rightS .direction {
font-size: 16px; }
.main .newsContainer .containerTitle {
font-size: 40px; }
.main .newsContainer .tabNameList {
margin-bottom: 22px;
margin-top: 10px; }
.main .newsContainer .tabNameList .tabName {
font-size: 18px;
margin: 0 10px; }
#wrapper .footer {
margin-top: -50px !important; }
#wrapper .footer .enterprises.centerArea1 {
width: 100%; }
#wrapper .footer .enterprises.centerArea1 .showEnterprisesBtn {
width: 100%; }
.innerWrapper .footer, #wrapper .footer {
margin-top: 0; }
.innerMain .content .imgList ul li {
padding: 20px 0 0 0 !important; }
.innerMain .content .imgList ul li div .img img {
min-width: 100%; }
.innerMain .content .imgList .page {
padding-top: 40px; }
.brandClassification .select-selector a {
display: inline-block;
white-space: nowrap; }
.brandClassification .select-selector a:first-child + a + a + a, .brandClassification .select-selector a:first-child + a + a + a {
margin-top: 20px; }
.brandClassification .brandNameList ul {
margin-left: -20px;
margin-bottom: 20px; }
.brandClassification .brandNameList ul li {
width: 33.33333%; }
.brandClassification .brandNameList ul li a {
margin-left: 20px; }
.brandClassification .brandNameList ul li a:before {
border: 2px solid transparent; }
.main .doWhat > div .rightS {
height: 366px !important; }
.main .doWhat > div .rightS .businessArea {
margin-top: 20px !important; }
.main .doWhat > div .rightS .swiperBtnList .swiper_btn {
margin: 0 5px;
width: 70px;
background-size: 100% auto; }
.innerMain .innerBanner .Arc {
right: -154px; }
#bt2.btmtip {
display: block; }
#bt.btmtip {
display: none; }
.innerMain .innerBanner > div .positionColumn .columnName {
padding-top: 94px; }
.innerMain .content .chooseTime > div.dropdown {
width: 50%;
margin-left: 0; }
.innerMain .content .chooseTime > div.dropdown:first-child {
padding-left: 10px; }
.innerMain .content .chooseTime > div.dropdown:first-child + div.dropdown {
padding-right: 10px; }
.page #info .pageNumber {
display: none !important; }
.innerMain .content .newspagerContainter .pageImgList {
width: 100%;
padding: 0; }
.innerMain .content .newspagerContainter .pageList {
width: 100%;
padding-top: 20px; } }
.clear_both {
clear: both !important;
float: none !important;
padding: 0 !important;
margin: 0 !important; }
.header .logo {
height: 100%; }
.header .logo a img {
height: 100%; }
.innerMain .innerBanner > div .subMenu ul li {
margin-top: 27px;
line-height: 20px; }
.innerMain .innerBanner > div .subMenu ul li span {
bottom: -26px; }
.header .headerRight .dropdown .button {
font-weight: 600; }
.header .headerRight .onlineMall {
font-size: 16px;
background: #ed6d1e; }
.main .newsContainer .containerTitle {
margin-top: 100px;
margin-bottom: 20px; }
.innerMain .groupIntroduction .currentImg {
margin-top: 20px; }
@media only screen and (min-width: 767px) {
.main .newsContainer .tabNameList .tabName {
margin: 0 20px; } }
.rightS_popup .popup_contain .popup_header {
background: #FF5E19; }
.rightS_popup .popup_contain .popup_header .close {
opacity: 1;
text-align: center;
padding: 12px; }
.rightS_popup .popup_contain .popup_header .close img {
display: block;
width: 20px; }
.rightS_popup .popup_contain ul li {
background-image: none !important;
cursor: pointer; }
.rightS_popup .popup_contain ul li a img {
display: block;
width: 100%;
height: 100%; }
.rightS_popup .popup_contain ul li .brand_title {
display: block;
font-size: 17px;
line-height: 20px;
color: #fff;
padding: 36px;
position: absolute;
top: 0;
left: 0;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
.rightS_popup .popup_contain ul li .shop_mask {
position: absolute;
width: 100%;
height: 100%;
background: white;
z-index: 99;
display: block;
opacity: 0;
filter: Alpha(opacity=0); }
.rightS_popup .popup_contain ul li:hover .shop_mask {
opacity: 0.3;
filter: Alpha(opacity=30); }
.rightS_popup .popup_contain ul li:first-child + li + li + li + li + li + li {
height: 92px; }
.rightS_popup .popup_contain ul li:nth-child(8) {
animation: showLi 0.5s ease-out 1.2s 1 forwards; }
.rightS_popup .popup_contain ul li:nth-child(9) {
animation: showLi 0.5s ease-out 1.3s 1 forwards; }
.rightS_popup .popup_contain ul li:nth-child(10){
animation: showLi 0.5s ease-out 1.4s 1 forwards;
}
.header .headerRight .search:hover {
background-color: #e6e6e6; }
.innerMain .htmlPage img, .innerMain .article .articleDetail img {
max-width: 100%; }
.innerMain .htmlPage p,
.innerMain .article .articleDetail p,
.innerMain .article .articleDetail span,
.innerMain .article .articleDetail div,
.innerMain .article .articleDetail strong,
.innerMain .article .articleDetail p *,
.innerMain .article .articleDetail span *,
.innerMain .article .articleDetail div *,
.innerMain .article .articleDetail strong * {
font-size: 16px !important;
line-height: 1.6em !important;
margin-top: 1em !important;
margin-bottom: 1.5em !important; }
.innerMain .article .articleDetail p img, .innerMain .article .articleDetail div img {
margin-top: 0px !important;
margin-bottom: 0px !important; }
.innerMain .article .articleDetail h1,
.innerMain .article .articleDetail h2,
.innerMain .article .articleDetail h3,
.innerMain .article .articleDetail h4 {
color: #ed6d1e !important; }
.innerMain .article .articleDetail h1 *,
.innerMain .article .articleDetail h2 *,
.innerMain .article .articleDetail h3 *,
.innerMain .article .articleDetail h4 * {
margin-top: 0;
margin-bottom: 0;
color: #ed6d1e !important; }
.innerMain .article .articleDetail h1 {
font-size: 48px !important;
line-height: 1.04167 !important;
font-weight: 500 !important;
letter-spacing: .006em !important;
position: relative;
padding-left: 18px !important; }
.innerMain .article .articleDetail h1, .innerMain .article .articleDetail h1 * {
font-size: 48px !important;
line-height: 1.04167 !important;
font-weight: 500 !important;
letter-spacing: .006em !important; }
.innerMain .article .articleDetail h2, .innerMain .article .articleDetail h2 * {
font-size: 32px !important;
line-height: 1.125 !important;
font-weight: 500 !important;
letter-spacing: .004em !important; }
.innerMain .article .articleDetail h3, .innerMain .article .articleDetail h3 * {
font-size: 24px !important;
line-height: 1.20849 !important;
font-weight: 500 !important;
letter-spacing: .015em !important; }
.innerMain .article .articleDetail h4, .innerMain .article .articleDetail h4 * {
font-size: 18px !important;
line-height: 1.52947 !important;
font-weight: 500 !important;
letter-spacing: .021em !important; }
.innerMain .article .articleDetail h1::before {
content: ' ';
display: inline-block;
width: 6px;
height: 24px;
background: #ed6d1e !important;
positiion: absolute;
top: 50%;
margin-bottom: 9px;
margin-left: -18px; }
.innerMain .article .articleDetail ul {
list-style: none;
margin: 0 !important;
padding: 0 !important; }
.innerMain .article .articleDetail ol {
margin: 0 !important;
padding: 0 !important;
padding-left: 16px !important;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px; }
.innerMain .article .articleDetail ul li {
font-size: 16px !important;
line-height: 1.6em !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
color: black !important;
position: relative;
padding-left: 16px !important; }
.innerMain .article .articleDetail ul li * {
font-size: 16px !important;
line-height: 1.6em !important;
color: black !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important; }
.innerMain .article .articleDetail ul li p, .innerMain .article .articleDetail ul li div {
display: inline; }
.innerMain .article .articleDetail ul li:before {
content: ' ';
display: inline-block;
border: 3px solid #ed6d1e;
background: #ed6d1e;
border-radius: 50%;
positiion: absolute;
top: 50%;
margin-right: 6px;
margin-bottom: 3px;
margin-left: -16px; }
.innerMain .article .articleDetail ol li {
font-size: 16px !important;
line-height: 1.6em !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
color: black !important; }
.innerMain .article .articleDetail ol li * {
font-size: 16px !important;
line-height: 1.6em !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
color: black !important;
margin-left: 0px !important;
margin-right: 0px !important; }
.innerMain .article .articleDetail .table-responsive .table {
margin-left: 0px !important;
margin-right: 0px !important;
border: none; }
.innerMain .article .articleDetail .table-responsive .table tbody {
border: none; }
.innerMain .article .articleDetail .table-striped > tbody > tr:nth-of-type(odd) {
background-color: #F3F3F3; }
.innerMain .article .articleDetail .table-striped > tbody > tr:nth-of-type(even) {
background-color: #ffffff; }
.innerMain .article .articleDetail .table-responsive .table tbody > tr {
margin-top: 0px !important;
margin-bottom: 0px !important; }
.innerMain .article .articleDetail .table-responsive .table tbody > tr > td {
border: 1px solid #DDDDDD !important;
vertical-align: middle !important;
font-size: 14px !important;
line-height: 22px !important;
color: #1F1F1F !important;
padding: 15px !important;
margin-right: 0px !important;
margin-left: 0px !important;
margin-top: 0 !important;
margin-bottom: 0 !important; }
.innerMain .article .articleDetail .table-responsive .table tbody > tr > td * {
font-size: 14px !important;
line-height: 22px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0px !important;
margin-right: 0 !important;
padding: 0 !important;
color: #1F1F1F !important; }
.innerMain .article .articleDetail .table-responsive .table > tbody > tr:first-child > td {
border: 1px solid #fff !important;
color: #ffffff !important;
background: #FF6F00 !important; }
.innerMain .article .articleDetail .table-responsive .table > tbody > tr:first-child > td * {
color: #fff !important; }
.innerMain .article .articleDetail .table-responsive .table > tbody > tr:first-child > td:first-child {
border-radius: 4px 0px 0px 0px; }
.innerMain .article .articleDetail .table-responsive .table > tbody > tr:first-child > td:last-child {
border-radius: 0px 4px 0px 0px; }
.innerMain .content.gsglxy {
max-width: 800px; }
.innerMain .content.gsglxy .groupIntroduction p img {
max-width: 100%; }
.innerMain .innerBanner > div .positionColumn .columnName {
font-weight: 700; }
.wechat-tel .wechat-wrap .QR_code {
background: url("../images/wechat.png") no-repeat center #fff;
background-size: 80px 80px; }
.footer .logo_share .leftSide .logo {
background: url("../images/footer-logo.png") no-repeat left center; }
.backTop {
background: url("../images/backup.svg") no-repeat center; }
#bt.btmtip {
top: 437px; }
#bt2.btmtip {
top: 460px; }
.page #info span.pageCount:hover {
background: #FFFFFF;
border: 1px solid gainsboro;
color: #B2B2B2; }
@media screen and (max-width: 767px) {
.innerMain .newsList ul li {
padding-bottom: 14px;
padding-top: 14px; }
.innerMain .newsList ul li .newsWordInfo {
width: 62%;
padding-right: 0px; }
.innerMain .newsList ul li .newsWordInfo .title {
font-size: 16px;
line-height: 24px; }
.innerMain .newsList ul li .newsWordInfo .time {
font-size: 12px;
line-height: 20px;
font-family: "PingFang SC",Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important; }
.page #info {
font-size: 0px; }
.page #info > a {
font-size: 14px;
margin-right: 6px; }
.page #info > span {
font-size: 14px;
margin-right: 6px; }
.page #info .currentlinkanchor {
display: none; }
.page #info .currentlinkspan {
display: none; }
.page #info a:last-child {
margin-right: 0px; }
.innerMain .innerBanner > div .subMenu.dropdown {
height: 50px;
bottom: 2px; }
.innerMain .innerBanner > div .subMenu.dropdown .dropdown-toggle {
font-size: 16px; }
.innerMain .article .title {
font-size: 26px;
line-height: 34px; }
.innerMain .article .articleInfo div.time {
font-size: 14px;
line-height: 26px; }
.innerMain .article .share {
display: none; }
.innerMain .article .share .jiathis_txt {
text-align: center; }
.innerMain .article .share .bdshare-button-style0-24 {
width: 100% !important;
text-align: center; }
.innerMain .article .share .bdshare-button-style0-24 a {
float: none;
display: inline-block; }
.main .newsContainer .tabList .tab .wordsNews > div .newsTitle {
line-height: 28px; }
.mapContainer .mapTitle {
font-size: 26px; }
.mapContainer .mapWord .subTitle {
font-size: 16px;
padding-bottom: 7px; }
.mapWord .link {
padding-top: 7px; } }
/*# sourceMappingURL=main.css.map */
金马奖_国产精品久久久久精品综合紧_疯狂做受XXXX国产_欧美97色伦欧美一区二区日韩