.autobanner{ width: 100%; margin-top: 2px; position: relative; } .autobanner .swiper-container{ width: 100%; height: 100%; position: relative; } .autobanner .swiper-container img{ width: 100%; height: auto; } /*分页器*/ .autobanner .pagination11 { position: absolute; z-index: 20; bottom: 15px; right: 2%; width: 100%; text-align: right; } .autobanner .swiper-slide{ } .autobanner .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .autobanner .swiper-active-switch { background: #fff; } .autobanner .page{ display: inline-block; width: 21px; height: 38px; position: absolute; margin-top: -19px; top: 50%; cursor: pointer; } .autobanner .prevp{ left: 20px; background: url(/uploads/image/wwpimg/icon_pre.png) no-repeat; background-size: 100% 100%; } .autobanner .nextp{ right: 20px; background: url(/uploads/image/wwpimg/icon_next.png) no-repeat; background-size: 100% 100%; } .autobanner .banner_mask{ width: 100%; height: 100px; bottom: 0; position: absolute; z-index: 100; background: rgba(0,0,0,.7); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); } .banner_mask>div{ position: relative; } .stock{ width: 100%; height: 80%; margin-top: 10px; } .stock1,.stock3{ width: 6%; height: 100%; color: white; font-size: 20px; font-style: italic; border-right: 1px solid #fff; } .stock_txt{ color: white; font-size: 14px; } .stock_txt>b{ font-weight: 100; color: #4cabdd; } .stock_txt>span>b{ font-weight: 100; color: #ff0000; } .stock_txt>h6,.stock_txt>h5{ display: inline-block; } .stock_tit1{ margin-top: 10px; } .stock2{ width: 60%; padding-left: 2%; height: 100%; padding-top: 20px; } .stock4{ width: 20%; padding-left: 1.5%; height: 100%; padding-top: 12px; } .stock4>p{ font-size: 12px; color: white; } .stock4>p>b{ font-weight: 100; color: #ff0000; } /*新闻*/ .news_main{ padding-bottom: 70px; } .news_content{ margin-top: 50px; } .news_content>div{ float: left; } .newsleft{ width: 510px; } .news_content>.newsright{ width: 630px; float: right; } .newtap{ height: 33px; background: #f9f9f9; width: 100%; } .newtap>li{ width: 80px; height: 100%; text-align: center; line-height: 2em; cursor: pointer; font-size: 16px; color: #686868; position: relative; } .newtap>li>a{ color: #686868; } .newtap>li>img{ position: absolute; bottom: -8px; left: 32px; display: none; } .newtap>.fusli{ color: white; background: #cab179; } .newtap> .fusli > a{ color: white; } .newtap>.fusli>img{ display: block; } .newul{ margin-top: 15px; display: none; } .newul>li{ width: 100%; padding: 3px 0; } .newul>li>a{ display: inline-block; width: 100%; font-size: 14px; position: relative; color: #323232; } .newul>li>a>b{ display: inline-block; width: 100px; color: #cab179; font-weight: 100; } .newul>li>a>span{ position: absolute; right: 0; font-size: 12px; color: #999999; vertical-align: middle; } .newul1{ display: block; } .newsswiper{ width: 100%; overflow: hidden; position: relative; margin: 0 auto; } .newsswiper .swiper-container img{ width: 100%; height: auto; } /*分页器*/ .newsswiper .pagination { position: absolute; z-index: 20; bottom: 8px; right: 2%; width: 100%; text-align: right; } .newsswiper .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .newsswiper .swiper-active-switch { background: #fff; } .newsswiper .nextp{ right: 20px; background: url(/uploads/image/wwpimg/icon_next.png) no-repeat; background-size: 100% 100%; } .newsswiper .banner_mask{ width: 100%; height: 27.48739496%; bottom: 0; position: absolute; z-index: 100; background: rgba(0,0,0,.7); } .newsswiper .swiper-container1{ width: 100%; height: 100%; } .newsswiper .swiper-slide{ width: 100%; height: 100%; text-align: center; margin: 0 auto; position: relative; } .newsswiper .swiper-slide>a{ display: block; width: 100%; height: 100%; } .newsswiper .swiper-slide>a>img{ width: 100%; display: block; } .newsswiper .swiper-slide p{ position: absolute; width: 97%; padding-left: 3%; text-align: left; font-size: 16px; line-height: 2em; bottom: 0; color: #fff; background: rgba(0,0,0,.6); z-index: 10; } .newsright{ position: relative; } .newsright > .page{ width: 15px; height: 30px; position: absolute; cursor: pointer; top: 50%; margin-top: -15px; display: none; } .newsright > .prevp{ left: -25px; } .newsright > .nextp{ right: -25px; } .industry-auto{ display: none; } .industry-auto > div{ float: left; } /* 大屏幕 */ @media (max-width: 1160px){ .news_content>.newsright{ width:50%; } .news_content>.newsleft{ width:46%; font-size: 13px; } .industryt{ display: none; } .industry-auto{ display: block; } .industry-auto > div{ width: 42%; margin: 0 4%; margin-top: 45px; } .industry_main { height: auto; padding-bottom: 25px; } .newul>li>a{ font-size: 12px; } } /* 平板电脑和小屏电脑之间的分辨率 */ @media (max-width: 979px){ .news_content{ margin-top: 25px; } .news_content>.newsright{ float: none; width: 75%; margin: 0 auto; } .news_content>.newsleft{ float: none; width: 90%; margin: 0 auto; margin-top: 40px; } .newul>li>a{ font-size: 14px; } .newsright > .page{ display: inline-block; } .newsright > .prevp{ left: -50px; } .newsright > .nextp{ right: -50px; } } /* 横向放置的手机和竖向放置的平板之间的分辨率 */ @media (max-width: 767px) { .industry-auto > div{ width: 46%; margin: 0 2%; margin-top: 35px; } .newul>li>a{ font-size: 12px; } .newul>li>a>b { width: 90px; } .newtap>li{ font-size: 14px; line-height: 2.5em; } .newsswiper .swiper-pagination-switch { width: 5px; height: 5px; } .newsswiper .pagination{ bottom: 6px; } .newsswiper .swiper-slide p{ font-size: 14px; } .news_main{ padding-bottom: 30px; } .newsswiper .pagination{ display: none; } .newsright > .prevp{ left: -30px; } .newsright > .nextp{ right: -30px; } } @media (max-width: 500px) { /*.newul>li>a{*/ /*height: 65px;*/ /*padding-bottom: 5px;*/ /*font-size: 13px;*/ /*border-bottom: 1px solid #e7e7e7;*/ /*}*/ /*.newul>li>a>b {*/ /*display: block;*/ /*padding-bottom: 2px;*/ /*}*/ /*.newul>li>a>span{*/ /*bottom: 5px;*/ /*font-size: 12px;*/ /*}*/ /*.newsswiper .pagination{*/ /*display: none;*/ /*}*/ /*.newsswiper .swiper-slide p{*/ /*font-size: 12px;*/ /*}*/ /*3月2日刘大海意见修改*/ .newul>li>a>b{ display: none; } .newsright > .prevp{ left: -25px; } .newsright > .nextp{ right: -25px; } } /* 横向放置的手机及分辨率更小的设备 */ @media (max-width: 480px) { .newsswiper .swiper-slide p{ font-size:12px; } .newsright > .page{ width: 10px; height: 20px; margin-top: -10px; } .newsright > .prevp{ left: -20px; } .newsright > .nextp{ right: -20px; } } /*集团产业*/ .industry{ background: #f7f7f7; } .industry_main{ height: 985px; } .industryt{ height: 373px; margin-top: 30px; overflow: hidden; position: relative; } .industryt>div{ height: 100%; float: left; position: relative; } .industryt>.industryt_left{ float: right; } .industryt>div>div{ float: left; /*position: absolute;*/ } .industry_info{ width: 370px; height: 373px; /*outline: 1px solid red;*/ background: white; cursor: pointer; } .industry_img{ position: relative; } .industry .more{ float: none; height: 22px; vertical-align: top; position: relative; top: -1px; left: 4px; /*cursor: pointer;*/ } .industry_img>.tri1{ position: absolute; top: 60px; right: 0px; width: 15px; height: 25px; } .industry_img>.tri2{ position: absolute; top: 60px; left: 0; width: 15px; height: 25px; } .industry_img{ width: 400px; overflow: hidden; } .industry_img>img{ width: 400px; height: 373px; } .industry_info_tit{ color: #cab179; margin: 20px 0 0 17px; } .industry_info_tit h5{ font-size: 18px; } .industry_info_tit p{ font-size: 14px; } .industry_info>.industry_info_son1{ /*margin-left: 35px;*/ width: 80%; margin: 0 auto; margin-top: 55px; padding-bottom: 40px; border-bottom: 1px solid #ebebeb; } .industry_info>div>div,.industry_info>div>img{ float: left; } .industry_info_txt{ width: 80%; margin: 0 auto; margin-top: 35px; /*overflow: hidden;*/ } .industry_info_txt>p{ font-size: 14px; color: #9d9d9d; line-height: 1.7em; } .industry_info_txt>a{ display: inline-block; color: #30aeda; font-size: 14px; margin-top: 10px; } .industry_img .allimg{ position: absolute; top: 15px; right: 15px; width: 22px; height: 22px; cursor: pointer; } .bigimg{ position: absolute; top: 0; left: 0; z-index: 20; width: 0%; display: none; } .bigimg>img{ width: 1160px; } .bigimg>.allback{ position: absolute; width: 23px; height: 23px; top: 20px; right: 20px; cursor: pointer; } /* 大屏幕 */ @media (max-width: 1160px){ .industry_main { height: auto; padding-bottom: 50px; } .industryt{ display: none; } .industry-auto{ display: block; } .industry-auto > div{ width: 42%; margin: 0 4%; margin-top: 45px; } } /* 平板电脑和小屏电脑之间的分辨率 */ @media (max-width: 979px){ } /* 横向放置的手机和竖向放置的平板之间的分辨率 */ @media (max-width: 767px) { .industry-auto > div{ width: 46%; margin: 0 2%; margin-top: 35px; } .industry_info{ height: 325px; } .industry_info>div>img{ width: 50px; } .industry_info_tit{ margin-top: 3px; } .industry_info_tit h5{ font-size: 16px; } .industry_info_tit p{ font-size: 12px; } } @media (max-width: 620px) { .industry_info{ height: 275px; } .industry_info>.industry_info_son1{ margin-top: 30px; margin-bottom: 15px; } .industry_info_txt{ margin-top: 15px; } .industry_info_txt>p{ font-size: 12px; } .industry_info_txt>a{ font-size: 12px; } .industry .more { height: 18px; top: 0; /* cursor: pointer; */ } .industry_info_tit h5{ font-size: 14px; } } @media (max-width: 560px) { .industry_info>.industry_info_son1{ width: 100%; } .industry_info{ height: 165px; } .industry_info_txt{ display: none; } .industry_info>.industry_info_son1{ border: none; padding-bottom: 0; } .industry_info>div>img { width: 50px; display: block; float: none; margin: 0 auto; } .industry_info>div>.industry_info_tit{ float: none; text-align: center; width: 100%; margin-left: 0; } } /* 横向放置的手机及分辨率更小的设备 */ @media (max-width: 480px) { } /*文化阵地*/ .culture{ } .culture_main{ height: 450px; } .culture_content{ margin-top: 50px; height: 290px; } .culture_content>div{ width: 33.2333333%; height: 100%; float: left; display: inline-block; } .culture_content>div>div{ width: 90%; height: 245px; margin: 0 auto; } .culture_content>div>div>a{ display: inline-block; width: 100%; height: 100%; text-align: center; } .culture_content>div>div>a>img{ width: 100%; height: 100%; } .culture_content p{ text-align: center; margin-top: 10px; font-size: 18px; } .culture_content p>a{ color: #323232; } .culture_content p>img{ display: inline-block; position: relative; top: -2px; left: -3px; } /* 大屏幕 */ @media (max-width: 1160px){ .culture_main{ height: auto; } .culture_content{ height: auto; } .culture_content>div>div{ height: auto; } } @media (max-width: 979px){ } /* 横向放置的手机和竖向放置的平板之间的分辨率 */ @media (max-width: 767px) { .culture_content p { font-size: 14px; } } @media (max-width: 480px) { .culture_content{ /*min-height: 380px;*/ position: relative; } .culture_content>div{ width: 80%; height: auto; background: white; /*position: absolute;*/ margin-left: 10%; } .culture_content>div:nth-child(1),.culture_content>div:nth-child(2){ display: none; } .culture_content>div>div { height: auto; margin: 0 auto; text-align: center; } .culture_content p { font-size: 16px; margin-top: 10px; margin-bottom: 35px; } .culture_content > .page{ width: 10px; height: 20px; position: absolute; top: 50%; /*left: 0;*/ margin-top: -50px; cursor: pointer; } .culture_content > .nextp{ right: 5px; } } /*集团成员*/ .members{ } .members_main{ height: 530px; overflow: hidden; } .members_content{ /*height: 100%;*/ margin-top: 80px; } .members_content>div{ width: 23%; height: 300px; /*outline: 1px solid;*/ float: left; display: inline-block; padding: 0 .8888%; } .h5_tit1{ border-left: 2px solid #cab179; color: #cab179; padding-left: 10px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95%; } .members_content>div>img{ margin-top: 10px; } .members_content>div>div{ background: #f7f7f7; padding: 10px 0; } .membersswiper{ position: relative; overflow: hidden; } .membersswiper>div{ width: 100%; height: 72px; position: relative; } .membersswiper li{ text-align: center; } .membersswiper li>a { display: block; width: 80%; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #727272; } .membersswiper .page{ position: absolute; width: 10px; height: 19px; top: 18px; cursor: pointer; /*overflow: initial;*/ } .prevp{ background: url(/uploads/image/wwpimg/icon_pre.png) no-repeat; background-size: 100% 100%; left: 5px; } .nextp{ background: url(/uploads/image/wwpimg/icon_next.png) no-repeat; background-size: 100% 100%; right: 5px; } /* 大屏幕 */ @media (max-width: 1160px){ .members_main{ height: auto; } } /* 平板电脑和小屏电脑之间的分辨率 */ @media (max-width: 979px){ .members_content>div{ width: 48%; padding-bottom: 40px; height: auto; } .members_content{ margin-top: 50px; } } /* 横向放置的手机和竖向放置的平板之间的分辨率 */ @media (max-width: 767px) { .membersswiper>div { height: 65px; } .membersswiper li>a{ font-size: 13px; } .h5_tit1 { font-size: 16px; } .members_content{ margin-top: 25px; } } /* 横向放置的手机及分辨率更小的设备 */ @media (max-width: 480px) { .members_content>div{ width: 88%; float: none; display: block; margin: 0 auto; } .members_content>div>img{ display: none; } .h5_tit1 { font-size: 15px; border-left: none; text-align: center; padding-bottom: 7px; } .members_content>div>div { border-top: 3px solid #cab179; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow: 0px 3px 20px #eee; } .members_content>div{ padding-bottom: 18px; } } .propaganda{ cursor: pointer; } /*活动*/ .code{ position: fixed; /*top: 50%;*/ right: 5px; z-index: 99999; bottom: 50px; } .chunl{ position: fixed; top:110px; height: 70%; z-index: 99999; left: 0; } .chunr{ position: fixed; top: 110px; z-index: 99999; right: 0; height: 70%; }