/* 溢出... */
html,body{
height: 100%;
font-size: 14px;
font-family: '微软雅黑';
background:#fff;
}
*{
margin: 0;
padding: 0;
}
ul,ol,li{
list-style-type: none;
}
.mydot {
text-overflow: ellipsis; /*文本溢出时显示省略标记 兼容IE*/
-webkit-text-overflow: ellipsis; /*文本溢出时显示省略标记 兼容Safari*/
-o-text-overflow: ellipsis; /*文本溢出时显示省略标记 兼容Opera*/
display: -webkit-box;
-webkit-box-orient: vertical;
overflow-wrap: break-word;
overflow: hidden;
}
.text-center{
text-align: center;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.float-right {
float: right;
}
.float-left{
float: left;
}
.fn-bold{
font-weight: bold;
}
.fn12 {
font-size: 12px;
}
.fn13 {
font-size: 13px;
}
.fn14 {
font-size: 14px;
}
.fn16 {
font-size: 16px;
}
.fn18 {
font-size: 18px;
}
.fn20 {
font-size: 20px;
}
.fn22 {
font-size: 22px;
}
.fn24 {
font-size: 24px;
}
.fn30 {
font-size: 30px;
}
.fn32 {
font-size: 32px;
}
.fn34 {
font-size: 34px;
}
.fn36 {
font-size: 36px;
}
.fn40 {
font-size: 40px;
}
.fn44 {
font-size: 44px;
}
.fn48 {
font-size: 48px;
}
.fn50 {
font-size: 50px;
}
.fn54 {
font-size: 54px;
}
.fn56 {
font-size: 56px;
}
.fn60 {
font-size: 60px;
}
/* + Correction margins + */
.m0{margin:0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr140{margin-right:140px;}
.mr145{margin-right:145px;}
.mt0{margin-top:0!important;}
.mt5{margin-top:5px;}
.mt5b{margin-top:5%;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt95{margin-top:95px;}
.mt100{margin-top:100px;}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.m10{margin:10px 0;}
.m15{margin:15px 0;}
.m20{margin:20px 0;}
/* + Correction paddings + */
.pb0 { padding-bottom:0!important; }
.pb3 { padding-bottom:3px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pt0 { padding-top:0; }
.pt3 { padding-top:3px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt60 { padding-top:60px; }
.pl0 { padding-left:0; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pr0 { padding-right:0; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-left:20px;padding-right:20px;}
.plr25{padding-left:25px;padding-right:25px;}
.plr30{padding-left:30px;padding-right:30px;}
.pd0 { padding:0!important;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.pd30{padding:30px;}
.pd40{padding:40px;}
.row{
display: flex;
}
.row.column-center{
align-items: center;
}
.row.column-start{
align-items: flex-start;
}
.row.column-end{
align-items: flex-end;
}
.row.row-start{
justify-content: flex-start;
}
.row.row-end{
justify-content: flex-end;
}
.row.row-center{
justify-content: center;
}
.row.row-between{
justify-content: space-between;
}
.clearfix::after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.container{
height: 100%;
}
.header{
height: 72px;
width: 100%;
}
.hearder_logo{
display: inline-block;
width: 175px;
height: 58px;
background: url(./images/logo.jpg) center no-repeat;
margin-top: 10px;
}
.search_items{
position: absolute;
top: 0;
background: rgb(2,41,80);
width: 100%;
height: 300px;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.search_items_1{
position: relative;
}
.search_items_1 input{
width: 800px;
height: 40px;
line-height: 40px;
border: 0;
outline: none;
background: 0;
border-bottom: 2px solid #fff;
caret-color:#fff;
font-size: 20px;
}
.search_items span{
position: absolute;
top: 20px;
right: 20px;
font-size: 20px;
cursor: pointer;
color: #fff;
}
.search_input{
position: relative;
margin-top: 20px;
}
.search_input img{
position: absolute;
top: 0;
right: 0;
}
.header_item{
width: 1500px;
margin: 0 auto;
}
.inlineBlock{
display: inline-block;
}
.block{
display: block;
}
.nav li{
text-align: center;
display: inline-block;
width: 90px;
height: 72px;
line-height: 72px;
display: inline-block;
cursor: pointer;
position: relative;
}
.nav li a {
text-align: center;
display: inline-block;
width: 90px;
height: 72px;
line-height: 72px;
display: inline-block;
cursor: pointer;
position: relative;
}
.nav li a {
text-decoration: none;
color: #333;
}
.nav li:hover::after,.nav li.active::after{
position: absolute;
content: "";
bottom: 0;
left: 50%;
transform: translate(-50%,0);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #fff;
}
.nav li:hover,.nav li.active{
background: #c01b29;
}
.nav li:hover a,.nav li.active a {
color: #fff;
}
.search{
vertical-align: middle;
cursor: pointer;
}
.search img{
width: 100%;
height: 100%;
display: block;
}
.formmm {
display: none;
position: absolute;
right: -20px;
top: 46px;
z-index: 10;
width: 360px
}
.formmm form {
top: 45px;
right: 0px;
width: 360px;
height: 40px;
overflow: hidden;
border-radius: 7px;
font-size: 0px;
background: #efefef
}
.formmm form .input {
display: inline-block;
vertical-align: top;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 280px;
height: 40px;
background: #efefef
}
.formmm form .input input {
width: 100%;
height: 100%;
font-size: 15px;
border: 0px;
background: #efefef
}
.formmm form button {
cursor: pointer;
border: 0px;
display: inline-block;
vertical-align: top;
width: 80px;
height: 40px;
background: #b60a00;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
font-size: 15px;
color: #fff
}
.formmm form button:hover {
background: #da0c00
}
.section_1{
width: 100%;
/* height: 800px; */
position: relative;
}
.section_1 .section_swiper_1{
position: relative;
overflow: hidden;
}
.section_1 .section_button_1{
position: absolute;
bottom: 0;
left: 0;
}
.section_1 .section_button_1 .swiper-button-prev{
background-image: url(./images/left.png);
width: 60px;
height: 20px;
background-size: 100% 100%;
top: 80%;
left: 30px;
outline: none;
}
.section_1 .section_button_1 .swiper-button-next{
background-image:url('./images/right.png');
width: 60px;
height: 20px;
outline: none;
background-size: 100% 100%;
top: 80%;
right: 30px;
}
.section_1 .section_button_1{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 82px;
border-top: 2px solid #fff;
z-index: 99;
}
.section_1 .section_swiper_1 img{
width: 100%;
height: 100%;
display: block;
}
.section_1 .section_swiper_1 .section_pagination_1{
top: 50%;
position: absolute;
right: 0;
z-index: 99;
vertical-align: middle;
height: 100%;
width: auto;
left: inherit;
transform: translate(-50%,0);
}
.section_1 .section_swiper_1 .swiper-pagination-bullet{
width: 14px;
height: 14px;
display: block;
background:#dbe1f0;
opacity: 1;
margin-bottom: 10px;
}
.section_1 .section_swiper_1 .section_pagination_1 .swiper-pagination-bullet-active{
background: #ffffff;
}
.pro_title{
height: 152px;
display: flex;
align-items: center;
justify-content: space-between;
}
.pro_title_lf .title_1{
font-size: 22px;
color: #2c2c2c;
}
.pro_title_lf .title_2{
font-size: 17px;
color: #959595;
}
.pro_title_rg,.pro_title_rg ul{
display: flex;
align-items: center;
}
.pro_title_rg li{
margin-right: 55px;
}
.pro_title_rg li a{text-decoration:none;color:#000000;}
.pro_item{
margin-right: 4px;
width:1500px;
margin:auto;
}
.pro_item .pro_item_1{
float: left;
margin-left: 4px;
width: 24.6%;
height: 100%;
}
.pro_item .pro_item_1 img{
width: 100%;
height: 100%;
display: block;
}
.pro_p{
margin-top: 20px;
text-align: center;
}
.pro_p p:first-of-type{
color: #4d4d4d;
}
.pro_p p{ margin-top: 10px;color: #333;}
.section_3{margin-top: 40px;}
.section_5{
border-top: 1px solid #a0a0a0;
border-bottom: 1px solid #a0a0a0;
height: 138px;
display: flex;
align-items: center;
}
.section_data .section_data_item {
width: 22%;
float: left;
text-align: center;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
.section_data_item .data_item{
font-size: 30px;
color: #4c4c4c;
text-align: left;
}
.about_left_flex{
width: 55%;
margin: auto;
}
.section_data_item .data_item span{
position: relative;
font-weight:bold;
}
video::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-play-button , video::-webkit-media-controls-timeline ,
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display ,
video::-webkit-media-controls-mute-button ,
video::-webkit-media-controls-toggle-closed-captions-button ,
video::-webkit-media-controls-volume-slider,
video::-webkit-internal-media-controls-overflow-button
{
display: none;
}
/*video默认setting按钮*/
video::-internal-media-controls-overflow-button{ display: none !important;}
.section_data_item .line{
width: 2px;
height: 40px;
display: inline-block;
background: #a0a0a0;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.section_data_item .data_item span::before{
content: '+';
display: inline-block;
color: #787878;
font-size: 20px;
position: absolute;
right: -15px;
top: -5px;
}
.section_data_item .data_item p{
font-size: 14px;
}
.section_3.section_1500{
margin-top: 100px;
}
.hidden{
overflow: hidden;
}
.swiper-containers{
width: calc(100% - 155px);
float: left;
background-color: #eeeeee;
height: 420px;
overflow: hidden;
}
.preview .swiper-container{
height: 420px;
}
.thumbs_item{
display: flex;
justify-content: center;
align-items: center;
}
.thumbs_item_lf{
position: relative;
}
.thumbs_item_lf .kuai{
width: 125px;
height: 125px;
background: #c01b29;
position: absolute;
bottom: -25px;
left: -25px;
z-index: -1;
}
.thumbs_item_lf,.thumbs_item_rg{
display: inline-block;
}
.thumbs_item_rg{
margin-left: 80px;
width: 40%;
}
.thums_btn{
display: inline-block;
font-size: 12px;
letter-spacing: 0px;
line-height: 32px;
color: #4d4d4d;
margin-top: 50px;
}
.thumbs_item_rg .title{
font-size: 18px;
letter-spacing: 2px;
line-height: 32px;
color: #333333;
}
.thumbs_item_rg .title_1{
font-size: 10px;
letter-spacing: 0px;
line-height: 32px;
color: #4d4d4d;
}
.thumbs_item_rg .title_3{
font-size: 14px;
letter-spacing: 0px;
line-height: 32px;
color: #4d4d4d;
}
.preview{
display: inline-block;
position: relative;
}
.thumbss {
margin-top: 140px;
margin-bottom: 135px;
}
.preview .swiper-container .swiper-wrapper .swiper-slide{
width: 148px !important;
height: 138px !important;
margin-bottom: 0 !important;
border: 1px solid #808080;
display: flex;
align-items: center;
justify-content: center;
}
.preview .swiper-container .swiper-wrapper .swiper-slide .title{
font-size: 14px;
color: #4d4d4d;
}
.preview .swiper-container .swiper-wrapper .swiper-slide .title2{
font-size: 10px;
color: #4d4d4d;
}
.preview .swiper-container .swiper-wrapper .swiper-slide>div{
text-align: center;
}
.preview .active-nav {
background: #c01b29;
}
.section_3 .preview .swiper-container .swiper-wrapper .active-nav p {
color: #fff;
}
.arrow-left{
cursor: pointer;
width: 148px;
height: 140px;
display: inline-block;
background: url(./images/top.png) center center no-repeat;
border: 1px solid #a0a0a0;
position: absolute;
top: -140px;
right: 0;
}
.arrow-right{
cursor: pointer;
width: 148px;
height: 140px;
display: inline-block;
background: url(./images/bottom.png) center center no-repeat;
border: 1px solid #a0a0a0;
position: absolute;
bottom: -140px;
right: 0;
}
.clamp_3{
-webkit-line-clamp: 3;
line-clamp: 3;
}
.clamp_2{
-webkit-line-clamp: 2;
line-clamp: 2;
}
.clamp_5{
-webkit-line-clamp: 8;
line-clamp: 8;
}
.ellipsis{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.section_6{
background: #eeeeee;
}
.about_left{
height: 495px;
display: flex;
align-items: center;
}
.section_6 .about_item{
width: 50%;
float: left;
}
.about_left p.title{
font-size: 22px;
letter-spacing: 1px;
line-height: 32px;
color: #2c2c2c;
font-family: "Microsoft Ya Hei";
}
.about_left .title_1{
width: 95%;
margin-bottom: 50px;
margin-top: 40px;
}
.about_left p {
font-size: 14px;
letter-spacing: 0px;
line-height: 32px;
color: #4d4d4d;
font-family: "Microsoft Ya Hei";
}
.video-box{
position: relative;
}
.video-box video{
display: inline-block;
vertical-align: baseline;
}
.btn_about{
display: inline-block;
width: 200px;
height: 45px;
line-height: 45px;
background: #c01b29;
text-align: center;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.video-box .video-img{
position: absolute;
top: 40%;
bottom: 0;
width: 116px;
height: 116px;
background: url(./images/video.png) no-repeat;
background-size: 100% 100%;
cursor: pointer;
z-index: 999;
left: 50%;
transform: translate(-50%, -40%);
}
.mvideo{display:none;}
.section_8{
height: 275px;
background: url(./images/bg_1.jpg) no-repeat;
background-position: 100% 100%;
display: flex;
align-items: center;
}
.setion_8_sl{
width: 1500px;
margin: auto;
position: relative;
}
.section_swiper_3 {
overflow: hidden;
}
.section_button_3 .section_button_prev_3{
background-image: none;
position: absolute;
left: -40px;
top: 50%;
width: 30px;
height: 30px;
outline: none;
border-right: 2px solid #c01b29;
border-bottom: 2px solid #c01b29;
transform: rotate(-225deg);
-webkit-transform: rotate(-225deg);
content: '';
}
.section_button_3 .section_button_nxt_3{
background-image: none;
position: absolute;
right: -40px;
top: 50%;
width: 30px;
height: 30px;
border-right: 2px solid #c01b29;
border-bottom: 2px solid #c01b29;
content: '';
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.section_swiper_3 .swiper-slide{
width: 260px;
height: 190px;
}
.section_swiper_3 img{
width: 100%;
height: 100%;
display: block;
}
.msg{
font-size: 18px;
letter-spacing: 2px;
line-height: 34px;
height: 34px;
text-align: center;
border: 2px solid #fff;
color: #ffffff;
font-family: "Microsoft Ya Hei";
width: 350px;
position: absolute;
top: 60%;
bottom: 0;
z-index: 999;
transform: translate(-50%, -60%);
left: 50%;
}
.footer{
background: url(./images/footer_bg.jpg);
}
.footer a {
color: #fff;
}
.footer a{
text-decoration: none;
}
.footer_item p,.footer_link span{
color: #fff;
}
.footer_item p i {
height: 19px;
width: 19px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.footer_item p i.img1{
background-image: url(./images/icon_1.png);
background-size: 100% 100%;
}
.footer_item p i.img2{
background-image: url(./images/icon_2.png);
background-size: 100% 100%;
}
.footer_line{
height: 5px;
width: 100%;
background: #c01b29;
}
.footer_item p i.img3{
background-image: url(./images/icon_3.png);
background-size: 100% 100%;
}
.footer_ry a {
margin-right: 35px;
}
.copyright{
height: 50px;
display: flex;
align-items: center;
border-top: 1px solid #201f1f;
color: #fff;
}
.footer_1{
padding-top: 50px;
margin-bottom: 26px;
}
.footer .footer_item{
float: left;
width: 40%;
}
.footer .footer_item.footer_item_img{
width: 18%;
}
.footer .footer_item>div,.footer .footer_item>p{
margin-top: 30px;
}
.footer_link span {
margin-right: 35px;
}
.copyright span {
font-size: 14px;
letter-spacing: 1px;
line-height: 32px;
color: #ffffff;
font-family: "Microsoft Ya Hei";
}
.mmfooter{display:none}
.footer_share{
float: right;
}
.section_1500{
width: 1500px;
margin: auto;
}
.footer_share{
display: flex;
align-items: center;
}
.footer_share a{
margin-right: 6px;
}
.mmfooter{display:none}
.swiper_container_info{
position: relative;
}
.info_line{
width: 100%;
height:1px ;
background: #a0a0a0;
width: 100%;
height: 1px;
background: #a0a0a0;
position: absolute;
left: 0;
top: 70px;
}
.swiper_container_info .c_1 {
display: inline-block;
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid #f70909;
position: relative;
}
.swiper_container_info .c_2{
display: inline-block;
height: 12px;
width: 12px;
background:#f70909;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.swiper_container_info .swiper-slide a{
text-decoration: none;
}
.swiper_container_info .swiper-slide p{
margin-bottom: 30px;
}
.info_time{
font-size: 24px;
color: #2c2c2c;
}
.info_title_1{
font-size: 16px;
color: #333333;
}
.info_title_2{
width: 90%;
font-size: 13px;
color: #4d4d4d;
}
.section_7 .swiper_container_info .info_prev,.section_7 .swiper_container_info .info_next{
left: inherit;
right: 0;
width: 65px;
height: 55px;
border: 1px solid #a0a0a0;
background-image:none;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
background: #fff;
}
.section_7 .swiper_container_info .info_prev{
top: 35px;
}
.section_7 .swiper_container_info .info_next{
top: 92px;
}
.info_prev i {
width: 30px;
height: 30px;
background: url(./images/top.png) center no-repeat;
display: block;
transform: rotate(90deg);
}
.info_next i {
width: 30px;
height: 30px;
background: url(./images/bottom.png) center no-repeat;
display: block;
transform: rotate(90deg);
}
.header_items{
display: none;
}
.header_m{
display: block;
height: 57px;
display: none;
}
.header_m .hearder_logo{
height: 57px;
}
.menu-button{
position: absolute;
top: 6px;
right: 6px;
padding: 6px;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
background-color: #c01b29;
border-radius: 4px;
cursor: pointer;
}
.bar{
position: relative;
display: block;
width: 30px;
height: 5px;
margin: 2px auto;
background-color: #fff;
border-radius: 10px;
-webkit-transition: .3s;
transition: .3s;
}
.header_item.header_items{
display: none;
background: #fff;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 300px;
z-index: 9999;
border-radius: 4px;
box-shadow: 7px 5px 3px #888888;
}
.header_search_img{
position: absolute;
right: 60px;
top: 15px;
}
.header_item.header_items .close{
float: right;
font-size: 22px;
margin-right: 10px;
margin-top: 10px;
}
.header_item.header_items .hearder_logo,.header_item.header_items .search{
margin-left: 10px;
}
@media (max-width: 1500px){
.header_items .nav li{
height: 40px;
line-height: 40px;
}
.header_item.header_items .header_rg .search{
margin-left: 20px;
margin-top: 20px;
}
.header_items .header_rg.float-right{
padding: 0 20px;
}
.nav li:hover, .nav li.active{
border-radius: 4px;
}
.header_items .nav li:hover::after, .header_items .nav li.active::after{
border: 0;
}
.footer_1{
padding-left: 20px;
padding-right: 20px;
}
.section_3 .pro_title{
margin: 0 20px;
}
.footer_ry a{
margin-top: 10px;
display: inline-block;
}
.footer .footer_item{
width: 36%;
}
.section_button_3 .section_button_prev_3,.section_button_3 .section_button_nxt_3{
width: 20px;
height: 20px;
}
.section_button_3 .section_button_nxt_3{
right: 10px;
}
.section_button_3 .section_button_prev_3{
left: 10px;
}
.header_item{
width: 100%;
}
.section_2{
margin: 0 20px;
}
.section_1{
height: auto;
}
.section_1500{
width: 100%;
}
.setion_8_sl{
width: 100%;
}
.pro_title{
height: 100px;
}
.pro_item .pro_item_1{
width: 24%;
}
.pro_p p:first-of-type{
font-size: 14px;
}
.pro_p p{
font-size: 10px;
}
.pro_title_lf .title_2{
font-size: 12px;
}
.pro_title_lf .title_1{
font-size: 15px;
}
.pro_title_rg li{
margin-right: 40px;
}
.pro_title_rg img{
width: 30px;
height: 25px;
}
.section_3.section_1500{
margin-top :50px
}
.section_data_item img{
width: 40px;
height: 40px;
}
.about_left,#video{
height: 390px !important;
}
.section_7{
margin: 0 20px;
}
}
@media (max-width: 1024px){
.search_items .search_items_1 input{
width: 100%;
}
.header_m .hearder_logo{
background-size: 100% 100%;
margin-top: 4px;
}
.header_m{
display: block;
}
.header{
height: 65px;
}
.swiper-containers{
width: calc(100% - 105px);
}
.preview .swiper-container .swiper-wrapper .swiper-slide{
width: 100px !important;
}
.arrow-left{
top: -100px;
}
.arrow-right{
bottom: -100px;
}
.arrow-left,.arrow-right{
width: 100px;
height: 100px;
}
.thumbss .swiper-slide {
text-align: center;
}
.thums_btn{
margin-top: 20px;
}
.thumbs_item_rg .title_3{
line-height:normal;
width: 80%;
margin: auto;
text-align: center;
}
.thumbs_item_lf img{
width: 250px;
height: auto;
margin: auto;
margin-top: 10px;
}
.section_data .section_data_item{
width: 40%;
margin: 0 20px;
}
.thumbs_item{
display: block;
}
.thumbs_item_rg{
width: 100%;
margin-left: 0;
margin-top: 35px;
}
.footer .footer_item{
width: 100%;
}
.footer_ry a{
margin-right: 35px;
margin-top: 10px;
display: inline-block;
}
.footer .footer_item.footer_item_img{
margin-top: 20px;
}
.about_left_flex{
text-align: center;
}
.about_left .title_1{
margin-bottom: 0;
margin-top: 0;
width: 100%;
}
.about_left p.title{
margin-top: 20px;
}
.btn_about{
margin-top: 20px;
}
.clamp_5{
-webkit-line-clamp: 8;
line-clamp: 3;
}
.btn_about{
width: 140px;
}
.copyright{
height:auto;
}
.footer_share{
float: none;
justify-content: center;
margin-top: 10px;
margin-bottom: 10px;
}
.copyright span{
text-align: center;
display: block;
}
.swiper_container_info .swiper-slide p{
margin-bottom:10px
}
.info_line{
top: 50px;
}
.section_7 .swiper_container_info .info_next{
top: 72px;
right: 10px;
}
.section_7 .swiper_container_info .info_prev{
top: 26px;
right: 10px;
}
.section_7 .swiper_container_info .info_prev,.section_7 .swiper_container_info .info_next{
width: 45px;
height: 45px;
}
.info_prev i,.info_next i{
width: 20px;
height: 20px;
}
.section_7 .pro_title{
height: 100px;
}
.header_item{
display: none;
}
}
@media (max-width: 768px){
.nav li a{line-height:unset;}
.nav li:hover,.nav li.active{background:none;}
.header_item.header_items{height:400px;box-shadow:none;background-color:#022950;}
.header_item.header_items .hearder_logo{display:none;}
.header_item.header_items .close{color:#ffffff;}
.header_items .nav li{width:100%;}
.header_items .nav li a{color:#ffffff;}
.header_search_img{display:none;}
.swiper_container_info .swiper-slide{
text-align: left;
}
.section_2{margin:0px 10px;}
.section_3{margin-top:25px;}
.section_6 .about_item{
width: 100%;
}
.pro_item{
margin-top: 15px;
width: 100%;
}
.pro_item .pro_item_1{
width: 48%;
margin-bottom: 10px;
}
#video{
height: 260px !important;
}
.video-box .video-img{
width: 56px;
height: 56px;
}
.pvideo{display:none;}
.mvideo{display:block;}
.msg{
width: 250px;
font-size: 14px;
border: 1px solid #fff;
}
.about_left{
height: 260px;
}
.pro_title_rg li{
margin-right: 10px;
}
.about_left_flex{
width: 100%;
}
.pro_title{
height: 50px;
}
.section_data {
margin: 0 20px;
}
.section_data .section_data_item{
font-size: 24px;
width: 36%;
margin-bottom: 8px;
margin:0
}
.section_data_item .data_item span::before{
font-size: 16px;
}
.section_data_item .data_item p{
font-size: 10px;
}
.section_1 .section_button_1{
height:42px;
}
.section_1 .section_button_1 .swiper-button-next,.section_1 .section_button_1 .swiper-button-prev{
width: 30px;
height: 15px;
}
.section_1 .section_swiper_1 .section_pagination_1{
top: 25%;
}
.section_5{height:235px;}
.footer_link{display:none;}
.footer_item_img img{display:none;}
/* footer css style*/
.mmfooter{ width:100%; margin-top:6px;position: fixed; z-index: 110;bottom: 0;left: 0;display:block;}
.mmfooter1{max-width:640px;margin:0 auto;background:#c01b29;display:-webkit-box; }
.mmfooter a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;text-decoration:none;}
.mmfooter span{width:74px; display:block; margin:0 auto; text-align:right; font:400 16px/70px "微软雅黑"; color:#fff; height:60px;}
.mmfooter span.span1{background:url(./images/a1.png) 0px 20px no-repeat; background-size:30px 27px;}
.mmfooter span.span2{background:url(./images/a2.png) 0px 22px no-repeat; background-size:27px 27px;}
.mmfooter span.span3{background:url(./images/a3.png) 0px 22px no-repeat; background-size:28px 29px;}
.mmfooter span.span4{background:url(./images/a4.png) 0px 23px no-repeat; background-size:27px 25px;}
.mmfooter span.span0{background:url(./images/icon.png) 10px -75px no-repeat; background-size:110px 385px;}
}