*
{
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: ' ';
}
ul li
{
list-style: none;
}
a
{
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
img
{
vertical-align: top;
outline-width: 0;
}
@media only screen and (min-width: 996px)
{
iframe
{
display: block;
}
#allmap p
{
margin: 0!important;
}
.ml_piclist
{
width: 100%;
margin: 0 auto;
}
.ml_prodetail
{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 50px;
}
.ml_prodetailleft
{
width: 49.5%;
background-color: var(--main-color-white);
}
.swiper-slide-thumb-active
{
background-color: #fff!important;
}
.ml_prodetailleft .swiper-slide
{
text-align: center;
font-size: 18px;
background: var(--main-color-white);
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.ml_prodetailleft .swiper-slide
{
background-size: cover;
background-position: center;
}
.ml_prodetailleft .mySwiper2
{
width: 100%;
border: 1px solid #ccc;
}
.ml_prodetailleft .mySwiper2 img
{
height: 500px;
object-fit: contain;
}
.ml_prodetailleft .mySwiper
{
box-sizing: border-box;
padding: 10px 0;
}
.ml_prodetailleft .mySwiper img
{
border: 1px solid #ccc;
height: 100px;
object-fit: contain;
}
.ml_prodetailleft .mySwiper .swiper-slide
{
width: 25%;
opacity: .4;
}
.ml_prodetailleft .mySwiper .swiper-slide-thumb-active
{
opacity: 1;
}
.ml_prodetailleft .swiper-slide img
{
display: block;
width: 100%;
}
.ml_prodetailright
{
width: 49.5%;
padding: 15px;
background-color: var(--main-color-white);
}
.ml_prodetailright strong
{
display: block;
margin-bottom: 20px;
font-size: #303133;
color: #333;
font-size: 30px;
font-weight: normal;
}
.ml_prodetailright p
{
font-size: 14px;
line-height: 25px;
color: #333;
}
.ml_description
{
width: 100%;
padding-bottom: 85px;
margin: 0 auto;
border: 1px solid #ededed;
background-color: var(--main-color-white);
margin-bottom: 85px;
}
.strong_1
{
display: block;
padding: 10px;
border-bottom: 2px solid var(--main-color);
font-size: 16px;
font-weight: normal;
color: #333;
}
.ml_description p
{
font-size: 16px;
color: #333;
line-height: 25px;
}
.ml_description img
{
max-width: 100%;
}
.ml_descriptioncon
{
padding: 15px;
}
.ml_related
{
padding: 0!important;
}
.ml_related .ml_indexpro
{
margin: 0;
padding: 0;
}
.ml_related .ml_indexpro li
{
width: 25%;
padding: 20px;
margin: 0!important;
}
.ml_prodetailright span
{
display: block;
font-size: 14px;
margin-bottom: 20px;
color: #303133;
line-height: 25px;
}
.ml_description_tab
{
border-bottom: 1px solid #ededed;
display: flex;
align-items: center;
}
.ml_description_tab .strong_1
{
border: none;
cursor: pointer;
padding: 10px 25px;
font-size: 15px;
}
.tabactive
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
}
.ml_descriptioncon_fy
{
display: none;
}
.ml_descriptioncon_fy p
{
font-size: 16px;
color: #303133;
line-height: 25px;
}
.ml_descriptioncon_fy img
{
max-width: 100%;
display: block;
margin: 20px auto;
}
.tab_pro
{
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.tab_pro a
{
text-align: center;
width: 150px;
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
font-size: 16px;
color: #303133;
display: block;
}
.tab_pro a:hover
{
color: var(--main-color-white)!important;
background-color: var(--main-color)!important;
}
.ml_indexpro
{
width: 100%;
padding: 85px 0;
background-color: #fafafa;
}
.ml_indexprocon
{
margin: 0 auto;
}
.ml_indexprocon ul
{
display: flex;
flex-wrap: wrap;
}
.ml_indexprocon ul li
{
margin-right: 40px;
width: calc((100% - 120px) / 4);
margin-bottom: 20px;
}
.ml_indexprocon ul li:nth-child(4n)
{
margin-right: 0!important;
}
.ml_indexprocon ul li p
{
text-align: center;
color: #303133;
font-size: 16px;
padding: 10px 0;
}
.ml_indexprocon ul li span
{
text-align: center;
color: #303133;
display: block;
text-align: center;
font-size: 14px;
}
.indexpro_div
{
background-color: var(--main-color-white);
}
.indexpro_div img
{
width: 100%;
transition: all ease .4s;
display: block;
height: 230px;
object-fit: contain;
margin: 0 auto;
}
.indexpro_div:hover img
{
transform: scale(1.1);
}
.indexpro_div a
{
display: block;
overflow: hidden;
}
.strong_1
{
display: block;
padding: 10px;
border-bottom: 2px solid var(--main-color);
font-size: 16px;
font-weight: normal;
color: #333;
}
.shuxing
{
padding: 15px 0;
}
.shuxingitem
{
display: flex;
justify-content: space-between;
}
.shuxingitem span
{
display: block;
width: 60px;
text-align: left;
margin: 0!important;
}
.shuxingitem ul
{
display: flex;
flex: 1;
align-items: center;
}
.shuxingitem ul li
{
display: block;
padding: 5px 20px;
margin-bottom: 10px;
border: 1px solid #ccc;
margin-right: 20px;
font-size: 14px;
cursor: pointer;
transition: all ease .4s;
}
.chooesen
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
border: 1px solid var(--main-color)!important;
}
.Ml_temlpate_news
{
width: 100%;
}
.Ml_temlpate_news_1
{
width: 100%;
}
.newitem1
{
padding: 20px 0;
border-bottom: 1px dashed #e5e5e5;
}
.newitem1_top
{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
}
.newitem1_top a
{
display: block;
width: 70%;
font-size: 16px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
transition: all ease .4s;
}
.newitem1:hover a
{
color: var(--main-color);
}
.newitem1_top span
{
font-size: 16px;
color: #444;
}
.newitem1_bot span
{
font-size: 12px;
color: #777;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.Ml_temlpate_news_2
{
width: 100%;
}
.newitem2
{
display: flex;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px dashed #e5e5e5;
align-items: center;
}
.newitem2left
{
width: 85px;
height: 85px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f2f2f2;
}
.newitem2left strong
{
font-size: 25px;
color: #000;
display: block;
text-align: center;
font-weight: normal;
}
.newitem2left p
{
font-size: 14px;
color: #000;
margin-top: 4px;
text-align: center;
}
.newitem2right
{
flex: 1;
padding-left: 15px;
}
.newitem2right a
{
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 16px;
color: #444;
margin-bottom: 15px;
}
.newitem2right a:hover
{
color: var(--main-color)!important;
}
.newitem2right p
{
font-size: 13px;
color: #777;
line-height: 25px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.Ml_temlpate_news_3
{
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.newitem3
{
width: calc((100% - 70px) / 3);
margin-right: 35px;
margin-bottom: 35px;
}
.newitem3:nth-child(3n)
{
margin-right: 0!important;
}
.newitem3con
{
padding: 15px;
box-shadow: rgba(149,157,165,.2) 0 8px 24px;
}
.newitem3con a img
{
width: 100%;
height: 230px;
object-fit: cover;
}
.newitem2_title
{
margin-top: 15px;
margin-bottom: 15px;
color: #222;
font-size: 20px;
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.newitem3con p
{
font-size: 14px;
color: #666;
line-height: 25px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.Ml_temlpate_news_4
{
width: 100%;
}
.Ml_temlpate_news_4 .Ml_temlpate_news_3
{
justify-content: space-between;
}
.newitem4_top .newitem3
{
width: 48%!important;
margin: 0!important;
padding: 0!important;
}
.newitem4_top
{
margin-bottom: 50px;
}
.newitem4_bot ul
{
position: relative;
}
.newitem4_bot ul li
{
display: flex;
align-items: center;
padding: 10px 0;
}
.li_left
{
width: 80px;
height: 80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.li_left strong
{
display: block;
font-size: 25px;
color: #000;
font-weight: normal;
text-align: center;
margin-bottom: 5px;
}
.li_left p
{
font-size: 14px;
color: #000;
}
.li_line
{
width: 15px;
margin: 0 13px;
height: 15px;
background: rgba(179,179,179,.3);
border-radius: 50%;
position: relative;
}
.li_line:after
{
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #b3b3b3;
margin: 4px;
z-index: 8;
}
.li_right
{
flex: 1;
padding-left: 10px;
}
.li_right a
{
color: #444;
transition: all ease .4s;
font-size: 16px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-bottom: 10px;
}
.li_right span
{
font-size: 12px;
color: #777;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.newitem4_bot ul:after
{
content: "";
position: absolute;
top: 0;
left: 100px;
width: 1px;
height: 100%;
background: #f0f0f0;
}
.newitem4_bot ul li:hover a
{
color: var(--main-color)!important;
}
.Ml_temlpate_news_5
{
width: 100%;
}
.newitem5
{
transition: all ease .4s;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 25px;
background-color: #fafafa;
align-items: center;
border-bottom: 1px solid #ececec;
}
.newitem5:hover
{
box-shadow: 0 0 22px rgba(0,0,0,.12);
border-radius: 4px;
background: var(--main-color-white);
}
.newitem5:hover img
{
transform: scale(1.1);
}
.newitem5:hover a
{
color: var(--main-color)!important;
}
.newitem5_left
{
width: 23%;
}
.newitem5_right
{
flex: 1;
padding-left: 25px;
}
.newitem5_right_top
{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.newitem5_right_top a
{
display: block;
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #444;
font-size: 16px;
transition: all ease .4s;
}
.newitem5_right_top span
{
color: #444;
font-size: 16px;
}
.newitem5_left a img
{
width: 100%;
height: 175px;
transition: all ease .4s;
object-fit: cover;
}
.newitem5_left a
{
display: block;
overflow: hidden;
}
.newitem5_right_bot p
{
font-size: 14px;
color: #777;
line-height: 25px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.ml_new
{
max-width: 1200px;
margin: 0 auto;
padding: 30px 0;
}
.ml_new_item
{
display: flex;
justify-content: space-between;
cursor: pointer;
transition: all ease .4s;
margin-bottom: 30px;
padding: 10px;
align-items: center;
}
.ml_new_item:hover
{
box-shadow: rgba(17,12,46,.15) 0 48px 100px 0;
}
.ml_new_item_left
{
width: 25%;
}
.ml_new_item_left img
{
width: 100%;
height: 100%;
object-fit: cover;
height: 220px;
}
.ml_new_item_right
{
background-color: var(--main-color-white);
flex: 1;
padding: 20px;
position: relative;
}
.ml_new_item_right .newtitle
{
font-size: 20px;
color: #333;
display: block;
margin-bottom: 15px;
}
.ml_new_item_right p
{
font-size: 16px;
color: #666;
display: block;
line-height: 25px;
margin-bottom: 15px;
}
.moredetail
{
display: block;
text-align: center;
width: 120px;
height: 40px;
line-height: 40px;
font-size: 16px;
background-color: var(--main-color);
color: var(--main-color-white);
}
.ml_date
{
font-size: 25px;
color: var(--main-color);
margin-bottom: 10px;
}
.ml_new a:hover
{
color: var(--main-color)!important;
}
.ml_procon1
{
max-width: 1300px;
margin: 100px auto;
}
.ml_procon1_item
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ml_procon1_item_left
{
width: 50%;
padding: 20px;
}
.ml_procon1_item_left img
{
width: 100%;
height: 400px;
object-fit: contain;
}
.ml_procon1_item_right
{
width: 50%;
background-color: var(--main-color);
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 50px;
}
.ml_procon1_item_right strong
{
font-size: 30px;
font-weight: normal;
color: var(--main-color-white);
display: block;
margin-bottom: 20px;
}
.ml_procon1_item_right p
{
color: var(--main-color-white);
font-size: 16px;
margin-bottom: 20px;
line-height: 25px;
}
.ml_procon1_item_right a
{
display: block;
border: 1px solid var(--main-color-white);
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
background: var(--main-color);
color: var(--main-color-white);
border-radius: 40px;
}
.flex-reserve
{
flex-direction: row-reverse;
}
.ml_download li
{
padding: 15px 0;
border-bottom: 1px dashed #ccc;
display: flex;
align-items: center;
justify-content: space-between;
}
.ml_download li i
{
font-size: 40px!important;
color: var(--main-color);
}
.ml_download li img
{
width: 55px;
}
.loadnow
{
display: block;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--main-color);
color: var(--main-color-white);
font-size: 15px;
}
.d_center
{
flex: 1;
padding: 0 20px;
}
.d_center a
{
display: block;
font-size: 15px;
color: #303133;
margin-bottom: 7px;
}
.d_center span
{
font-size: 14px;
color: #444;
display: inline-block;
margin-right: 5px;
}
.ml_message h2
{
text-align: center;
color: #000;
font-weight: normal;
font-size: 30px;
margin-bottom: 10px;
}
.ml_message h3
{
text-align: center;
font-weight: normal;
font-size: 16px;
color: #303133;
margin-bottom: 20px;
}
.ml_message img
{
width: 100%;
}
.form_area
{
display: flex;
flex-wrap: wrap;
padding: 20px 0;
justify-content: space-between;
}
.form_area input
{
display: block;
width: 48%;
height: 40px;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 20px;
padding-left: 15px;
outline: none;
}
.form_area textarea
{
display: block;
outline: none;
width: 100%;
min-height: 150px;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 20px;
padding-left: 15px;
padding-top: 15px;
}
.message_sub
{
display: block;
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
color: var(--main-color-white);
background-color: var(--main-color);
border-radius: 4px;
margin: 0 auto;
}
.ml_contact
{
width: 100%;
margin: 0 auto;
padding: 30px 25px;
background-color: var(--main-color-white);
margin-bottom: 50px;
}
.ml_contactcon
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ml_contactcon_left
{
width: 48%;
}
.ml_contactcon_right
{
width: 48%;
}
.tact_strong
{
display: block;
font-weight: normal!important;
font-size: 25px;
margin-bottom: 35px;
}
.ml_contactcon_left ul li
{
padding: 25px 0!important;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ededed;
}
.ml_contactcon_left ul li i
{
font-size: 40px;
color: var(--main-color);
}
.ml_contactcon_left ul li div
{
flex: 1;
padding-left: 20px;
}
.ml_contactcon_left ul li p
{
font-size: 17px;
color: #555;
margin-bottom: 10px;
}
.ml_contactcon_left ul li span
{
display: block;
font-size: 16px;
color: #555;
}
.ml_contactcon_right input
{
display: block;
padding-left: 15px;
outline: none;
height: 44px;
width: 100%;
margin-bottom: 17px;
border: 1px solid #ededed;
border-radius: 4px;
}
.ml_contactcon_right textarea
{
display: block;
padding-left: 15px;
padding-top: 15px;
outline: none;
height: 100px;
width: 100%;
margin-bottom: 17px;
border: 1px solid #ededed;
border-radius: 4px;
}
.ml_sub
{
display: block;
height: 44px;
line-height: 44px;
text-align: center;
border-radius: 4px;
background-color: var(--main-color);
color: var(--main-color-white);
width: 100%;
}
.ml_map
{
max-width: 1230px;
margin: 0 auto;
}
.ml_map li
{
list-style: none!important;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 0;
}
.ml_map1
{
margin-bottom: 50px;
}
.ml_map1 li
{
list-style: none!important;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 0;
}
#dituContent
{
border: none!important;
}
.ml_contactcon_module1
{
width: 100%;
}
.ml_contactcon_module1_top
{
width: 100%;
}
.ml_contactcon_module1_top ul
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ml_contactcon_module1_top ul li
{
width: 31%;
padding: 20px;
background-color: var(--main-color-white);
border-radius: 10px;
box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
}
.ml_contactcon_module1_top ul li i
{
color: var(--main-color);
font-size: 40px!important;
margin-bottom: 15px;
display: block;
text-align: center;
}
.ml_contactcon_module1_top ul li img
{
display: block;
margin: 0 auto;
margin-bottom: 20px;
}
.ml_contactcon_module1_top ul li strong
{
display: block;
text-align: center;
color: var(--main-color);
}
.ml_contactcon_module1_top ul li p
{
text-align: center;
color: #303133;
font-size: 17px;
margin-top: 15px;
}
.ml_contactcon_module1_bot
{
display: flex;
margin-top: 70px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.ml_contactcon_module1_bot_left
{
width: 49%;
}
.ml_contactcon_module1_bot_right
{
width: 49%;
}
.ml_contactcon_module1_bot_left .ml_contactcon_right
{
width: 100%!important;
}
.ml_contactcon_module2
{
margin: 0 auto;
background-color: var(--main-color-white);
}
.ml_contactcon_module2 .ml_contactcon_module1_bot
{
width: 100%!important;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot_left
{
width: 100%!important;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot_left input
{
width: 48%;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot_left .ml_contactcon_right
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot_left .ml_contactcon_right strong
{
display: block;
width: 100%;
}
.chrg-description p
{
color: var(--main-color-white)!important;
}
.shuxing
{
padding: 15px 0;
}
.shuxingitem
{
display: flex;
justify-content: space-between;
}
.shuxingitem span
{
display: block;
width: 60px;
text-align: left;
margin: 0!important;
}
.shuxingitem ul
{
display: flex;
flex: 1;
align-items: center;
}
.shuxingitem ul li
{
display: block;
padding: 5px 20px;
margin-bottom: 10px;
border: 1px solid #ccc;
margin-right: 20px;
font-size: 14px;
cursor: pointer;
transition: all ease .4s;
}
.chooesen
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
border: 1px solid var(--main-color)!important;
}
#ContactMoban
{
margin: 0!important;
}
#lContent p
{
line-height: 2em;
font-size: 14px;
color: var(--main-color-fontColor);
margin-bottom: 10px;
}
#lblContent p
{
line-height: 2em;
font-size: 14px;
color: var(--main-color-fontColor);
margin-bottom: 10px;
}
.ml_bread_inner
{
max-width: 1200px!important;
margin: 30px auto;
display: flex;
align-items: center;
}
.ml_bread_inner span
{
display: block;
padding: 0 10px;
font-size: 14px;
}
.ml_bread_inner a
{
display: block;
font-size: 14px;
color: var(--main-color-fontColor);
}
.ml_bread_inner a:hover
{
color: var(--main-color);
}
.active_color
{
color: var(--main-color)!important;
}
.ml_inner_nav
{
width: 100%;
height: 60px;
box-shadow: rgba(149,157,165,.2) 0 8px 24px;
}
.ml_inner_nav_con
{
max-width: 1200px;
margin: 0 auto;
height: 60px;
position: relative;
}
.ml_inner_nav_con::-webkit-scrollbar
{
width: 8px;
padding-right: 4px;
height: 5px;
background-color: transparent;
position: absolute!important;
bottom: -15px!important;
}
.ml_inner_nav_con:hover::-webkit-scrollbar-thumb
{
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: var(--main-color);
}
.ml_inner_nav_con
{
display: flex;
align-items: center;
justify-content: center;
}
.propage_sec_fir
{
height: 45px;
line-height: 45px;
margin: 0 20px;
display: block;
border-bottom: 3px solid transparent;
color: #303133;
width: 120px;
text-align: center;
}
.ml_inner_nav_con a:hover
{
color: var(--main-color)!important;
border-bottom: 3px solid var(--main-color)!important;
}
.ml_act
{
color: var(--main-color)!important;
border-bottom: 3px solid var(--main-color)!important;
}
.propage_sec
{
position: absolute;
width: 100%;
top: 100%;
left: 0;
background-color: var(--main-color-white);
display: none;
}
.propage_sec a
{
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
display: block;
color: #303133;
}
.propage_sec a:hover
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
}
.ml_inner_nav_con_div:hover .propage_sec
{
display: block;
}
.ml_pro_sec
{
display: none!important;
}
.ml_inner_nav_con_div
{
position: relative;
}
.propage_sec
{
position: absolute;
width: 100%;
top: 100%;
left: 0;
background-color: var(--main-color-white);
display: none;
}
.propage_sec a
{
width: 100%;
text-align: center;
height: 40px;
line-height: 40px;
display: block;
color: #303133;
}
.propage_sec a:hover
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
}
.ml_inner_nav_con_div:hover .propage_sec
{
display: block;
}
.ml_pro_sec
{
display: none!important;
}
.left_inside_right_con .ml_contact
{
padding: 0!important;
}
.pc_protitle
{
width: 100%;
padding: 15px 15px;
background-color: var(--main-color);
color: var(--main-color-white);
font-size: 25px;
}
}
@media only screen and (max-width: 996px)
{
.pc_protitle
{
display: none;
}
.left_inside_right_con .ml_contact
{
padding: 0!important;
}
.ml_inner_nav
{
width: 100%;
height: 50px;
box-shadow: rgba(149,157,165,.2) 0 8px 24px;
padding: 0 15px;
}
.ml_inner_nav_con
{
margin: 0 auto;
height: 50px;
}
.ml_inner_nav_con
{
white-space: nowrap;
overflow: scroll;
width: 100%;
display: flex;
align-items: center;
}
.ml_inner_nav_con::-webkit-scrollbar
{
display: none;
}
.ml_inner_nav_con a
{
height: 35px;
line-height: 35px;
margin: 0 20px;
border-bottom: 3px solid transparent;
color: #303133;
display: inline-block;
}
.ml_inner_nav_con a:hover
{
color: var(--main-color)!important;
border-bottom: 3px solid var(--main-color)!important;
}
.ml_act
{
color: var(--main-color)!important;
border-bottom: 3px solid var(--main-color)!important;
}
.ml_inner_nav
{
width: 100%;
height: 50px;
box-shadow: rgba(149,157,165,.2) 0 8px 24px;
padding: 0 15px;
}
.ml_inner_nav_con
{
margin: 0 auto;
height: 50px;
}
.ml_inner_nav_con
{
white-space: nowrap;
overflow: scroll;
width: 100%;
display: flex;
align-items: center;
}
.ml_inner_nav_con::-webkit-scrollbar
{
display: none;
}
.ml_inner_nav_con a
{
height: 35px;
line-height: 35px;
margin: 0 20px;
border-bottom: 3px solid transparent;
color: #303133;
display: inline-block;
}
.ml_inner_nav_con a:hover
{
color: var(--main-color)!important;
border-bottom: 3px solid var(--main-color)!important;
}
.active_color
{
color: var(--main-color)!important;
}
.ml_bread_inner
{
width: 100%;
padding: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ml_bread_inner span
{
display: block;
padding: 0 10px;
font-size: 13px;
}
.ml_bread_inner a
{
display: block;
font-size: 13px;
color: var(--main-color-fontColor);
}
.ml_bread_inner a:hover
{
color: var(--main-color);
}
#lblContent p
{
line-height: 2em;
font-size: 14px;
color: var(--main-color-fontColor);
margin-bottom: 10px;
}
#lContent p
{
line-height: 2em;
font-size: 14px;
color: var(--main-color-fontColor);
margin-bottom: 10px;
}
#lblContent p img
{
width: 100%!important;
}
.shuxing
{
padding: 15px 0;
}
.shuxingitem
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.shuxingitem span
{
display: block;
font-size: 14px;
width: 100%;
text-align: left;
margin-bottom: 5px!important;
}
.shuxingitem ul
{
display: flex;
width: 100%;
align-items: center;
flex-wrap: wrap;
}
.shuxingitem ul li
{
display: block;
padding: 5px 20px;
margin-bottom: 10px;
border: 1px solid #ccc;
margin-right: 20px;
font-size: 14px;
cursor: pointer;
transition: all ease .4s;
}
.chooesen
{
background-color: #1d50ad!important;
color: var(--main-color-white)!important;
border: 1px solid #1d50ad!important;
}
.chrg-description p
{
color: var(--main-color-white)!important;
}
.ml_contactcon_module1
{
width: 100%;
margin-top: 30px;
}
.ml_contactcon_module1_top
{
width: 100%;
}
.ml_contactcon_module1_top ul
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ml_contactcon_module1_top ul li
{
width: 100%;
margin-bottom: 20px;
padding: 20px;
background-color: var(--main-color-white);
border-radius: 10px;
box-shadow: rgba(100,100,111,.2) 0 7px 29px 0;
}
.ml_contactcon_module1_top ul li i
{
font-size: 30px!important;
color: var(--main-color)!important;
display: block;
text-align: center;
margin-bottom: 15px;
}
.ml_contactcon_module1_top ul li img
{
display: block;
margin: 0 auto;
margin-bottom: 20px;
}
.ml_contactcon_module1_top ul li strong
{
display: block;
text-align: center;
color: var(--main-color);
}
.ml_contactcon_module1_top ul li p
{
text-align: center;
color: #303133;
font-size: 17px;
margin-top: 15px;
}
.ml_contactcon_module1_bot
{
display: flex;
margin-top: 30px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.ml_contactcon_module1_bot_left
{
width: 100%;
margin-bottom: 25px;
}
.ml_contactcon_module1_bot_right
{
width: 100%;
}
.ml_contactcon_module1_bot_left .ml_contactcon_right
{
width: 100%!important;
}
.ml_contactcon_module2
{
margin: 0 auto;
background-color: var(--main-color-white);
padding: 15px;
}
#ContactMoban
{
margin: 0!important;
}
#ContactMoban li
{
list-style: none!important;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot
{
width: 100%!important;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot_left
{
width: 100%!important;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot_left input
{
width: 48%;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot_left .ml_contactcon_right
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ml_contactcon_module2 .ml_contactcon_module1_bot_left .ml_contactcon_right strong
{
display: block;
width: 100%;
}
.ml_contact
{
margin: 0 auto;
background-color: var(--main-color-white);
margin-bottom: 30px;
}
.ml_contactcon
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ml_contactcon_left
{
width: 100%;
margin-bottom: 30px;
}
.ml_contactcon_right
{
width: 100%;
}
.tact_strong
{
display: block;
font-weight: normal!important;
font-size: 25px;
margin-bottom: 35px;
}
.ml_contactcon_left ul li
{
padding: 20px 0!important;
display: flex;
align-items: center;
justify-content: space-between;
background-repeat: no-repeat;
background-position: left center;
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #ededed;
}
.ml_contactcon_left ul li i
{
color: var(--main-color)!important;
font-size: 30px!important;
}
.ml_contactcon_left ul li div
{
flex: 1;
padding-left: 15px;
}
.ml_contactcon_left ul li p
{
font-size: 17px;
color: #555;
margin-bottom: 10px;
}
.ml_contactcon_left ul li span
{
display: block;
font-size: 16px;
color: #555;
}
.ml_contactcon_right input
{
display: block;
padding-left: 15px;
outline: none;
height: 44px;
width: 100%;
margin-bottom: 17px;
border: 1px solid #ededed;
border-radius: 4px;
}
.ml_contactcon_right textarea
{
display: block;
padding-left: 15px;
padding-top: 15px;
outline: none;
height: 100px;
width: 100%;
margin-bottom: 17px;
border: 1px solid #ededed;
border-radius: 4px;
}
.ml_sub
{
display: block;
height: 44px;
line-height: 44px;
text-align: center;
border-radius: 4px;
background-color: var(--main-color);
color: var(--main-color-white);
width: 100%;
}
.ml_message h2
{
text-align: center;
color: #000;
font-weight: normal;
font-size: 30px;
margin-bottom: 10px;
}
.ml_message h3
{
text-align: center;
font-weight: normal;
font-size: 16px;
color: #303133;
margin-bottom: 20px;
}
.ml_message img
{
width: 100%;
}
.form_area
{
display: flex;
flex-wrap: wrap;
padding: 20px 0;
justify-content: space-between;
}
.form_area input
{
display: block;
width: 100%;
height: 40px;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 20px;
padding-left: 15px;
outline: none;
}
.form_area textarea
{
display: block;
outline: none;
width: 100%;
min-height: 150px;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 20px;
padding-left: 15px;
padding-top: 15px;
}
.message_sub
{
display: block;
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
color: var(--main-color-white);
background-color: var(--main-color);
border-radius: 4px;
margin: 0 auto;
}
.ml_download li
{
padding: 15px 0;
border-bottom: 1px dashed #ccc;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.ml_download li i
{
color: var(--main-color);
font-size: 25px!important;
}
.ml_download li img
{
width: 30px;
}
.loadnow
{
display: block;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--main-color);
color: var(--main-color-white);
font-size: 15px;
margin-top: 10px;
}
.d_center
{
flex: 1;
padding: 0 20px;
}
.d_center a
{
display: block;
font-size: 15px;
color: #303133;
margin-bottom: 7px;
}
.d_center span
{
font-size: 14px;
color: #444;
display: inline-block;
margin-right: 5px;
}
.ml_procon1
{
width: 100%;
padding: 30px 15px;
}
.ml_procon1_item
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}
.ml_procon1_item_left
{
width: 100%;
background-color: var(--main-color);
padding: 15px;
}
.ml_procon1_item_left img
{
width: 100%;
height: 200px;
object-fit: contain;
}
.ml_procon1_item_right
{
width: 100%;
background-color: var(--main-color);
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
}
.ml_procon1_item_right strong
{
font-size: 30px;
font-weight: normal;
color: var(--main-color-white);
display: block;
margin-bottom: 20px;
}
.ml_procon1_item_right p
{
color: var(--main-color-white);
font-size: 16px;
margin-bottom: 20px;
line-height: 25px;
}
.ml_procon1_item_right a
{
display: block;
border: 1px solid var(--main-color-white);
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
background: var(--main-color);
color: var(--main-color-white);
border-radius: 40px;
}
.flex-reserve
{
flex-direction: row-reverse;
}
.ml_new a:hover
{
color: var(--main-color-fontColor)!important;
}
.ml_new
{
width: 100%;
padding: 30px 15px;
margin: 0 auto;
}
.ml_new_item
{
display: flex;
justify-content: space-between;
cursor: pointer;
flex-wrap: wrap;
transition: all ease .4s;
margin-bottom: 30px;
}
.ml_new_item:hover
{
box-shadow: rgba(17,12,46,.15) 0 48px 100px 0;
}
.ml_new_item_left
{
width: 100%;
}
.ml_new_item_left img
{
width: 100%;
}
.ml_new_item_right
{
background-color: var(--main-color-white);
width: 100%;
padding: 15px;
position: relative;
}
.ml_new_item_right .newtitle
{
font-size: 16px;
color: #333;
display: block;
margin-bottom: 10px;
}
.ml_new_item_right p
{
font-size: 16px;
color: #666;
display: block;
line-height: 25px;
margin-bottom: 10px;
}
.moredetail
{
display: block;
text-align: center;
width: 120px;
height: 40px;
line-height: 40px;
font-size: 16px;
background-color: var(--main-color);
color: var(--main-color-white);
}
.ml_date
{
font-size: 18px;
color: var(--main-color);
margin-bottom: 10px;
}
.Ml_temlpate_news_5
{
width: 100%;
}
.newitem5
{
transition: all ease .4s;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 25px;
background-color: #fafafa;
align-items: center;
border-bottom: 1px solid #ececec;
}
.newitem5:hover
{
box-shadow: 0 0 22px rgba(0,0,0,.12);
border-radius: 4px;
background: var(--main-color-white);
}
.newitem5:hover img
{
transform: scale(1.1);
}
.newitem5:hover a
{
color: var(--main-color)!important;
}
.newitem5_left
{
width: 100%;
margin-bottom: 20px;
}
.newitem5_right
{
width: 100%;
}
.newitem5_right_top
{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.newitem5_right_top a
{
display: block;
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #444;
font-size: 16px;
transition: all ease .4s;
}
.newitem5_right_top span
{
color: #444;
font-size: 16px;
}
.newitem5_left a img
{
width: 100%;
height: 175px;
transition: all ease .4s;
object-fit: cover;
}
.newitem5_left a
{
display: block;
overflow: hidden;
}
.newitem5_right_bot p
{
font-size: 14px;
color: #777;
line-height: 25px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.Ml_temlpate_news_4
{
width: 100%;
}
.newitem4_top .newitem3
{
width: 100%;
}
.newitem4_top
{
margin-bottom: 50px;
}
.newitem4_bot ul
{
position: relative;
}
.newitem4_bot ul li
{
display: flex;
align-items: center;
padding: 10px 0;
}
.li_left
{
width: 80px;
height: 80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.li_left strong
{
display: block;
font-size: 25px;
color: #000;
font-weight: normal;
text-align: center;
margin-bottom: 5px;
}
.li_left p
{
font-size: 14px;
color: #000;
}
.li_line
{
width: 15px;
margin: 0 13px;
height: 15px;
background: rgba(179,179,179,.3);
border-radius: 50%;
position: relative;
}
.li_line:after
{
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #b3b3b3;
margin: 4px;
z-index: 8;
}
.li_right
{
flex: 1;
padding-left: 10px;
}
.li_right a
{
transition: all ease .4s;
color: #444;
font-size: 16px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-bottom: 10px;
}
.li_right span
{
font-size: 12px;
color: #777;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.newitem4_bot ul:after
{
content: "";
position: absolute;
top: 0;
left: 100px;
width: 1px;
height: 100%;
background: #f0f0f0;
}
.Ml_temlpate_news_3
{
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.newitem3
{
width: 100%;
padding: 20px;
}
.newitem3con
{
padding: 15px;
box-shadow: rgba(149,157,165,.2) 0 8px 24px;
}
.newitem3con a img
{
width: 100%;
height: 230px;
object-fit: cover;
}
.newitem2_title
{
margin-top: 15px;
margin-bottom: 15px;
color: #222;
font-size: 20px;
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.newitem3con p
{
font-size: 14px;
color: #666;
line-height: 25px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.Ml_temlpate_news
{
width: 100%;
}
.Ml_temlpate_news_1
{
width: 100%;
}
.newitem1
{
padding: 10px 0;
border-bottom: 1px dashed #e5e5e5;
}
.newitem1_top
{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
flex-wrap: wrap;
}
.newitem1_top a
{
display: block;
width: 100%;
margin-bottom: 5px;
font-size: 16px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
transition: all ease .4s;
}
.newitem1:hover a
{
color: var(--main-color);
}
.newitem1_top span
{
font-size: 16px;
color: #444;
word-wrap: 100%;
}
.newitem1_bot span
{
font-size: 12px;
color: #777;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.Ml_temlpate_news_2
{
width: 100%;
}
.newitem2
{
display: flex;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px dashed #e5e5e5;
align-items: center;
}
.newitem2left
{
width: 85px;
height: 85px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f2f2f2;
}
.newitem2left strong
{
font-size: 25px;
color: #000;
display: block;
text-align: center;
font-weight: normal;
}
.newitem2left p
{
font-size: 14px;
color: #000;
margin-top: 4px;
text-align: center;
}
.newitem2right
{
flex: 1;
padding-left: 15px;
}
.newitem2right a
{
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 16px;
color: #444;
margin-bottom: 15px;
}
.newitem2right p
{
font-size: 13px;
color: #777;
line-height: 25px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.shuxing
{
padding: 15px 0;
}
.shuxingitem
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.shuxingitem span
{
display: block;
font-size: 14px;
width: 100%;
text-align: left;
margin-bottom: 5px!important;
}
.shuxingitem ul
{
display: flex;
width: 100%;
align-items: center;
flex-wrap: wrap;
}
.shuxingitem ul li
{
display: block;
padding: 5px 20px;
margin-bottom: 10px;
border: 1px solid #ccc;
margin-right: 20px;
font-size: 14px;
cursor: pointer;
transition: all ease .4s;
}
.chooesen
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
border: 1px solid var(--main-color)!important;
}
.ml_description
{
padding: 15px;
margin: 0 auto;
border: 1px solid #ededed;
background-color: var(--main-color-white);
}
.ml_related .ml_indexpro
{
padding: 0!important;
}
.strong_1
{
display: block;
padding: 10px;
border-bottom: 2px solid var(--main-color);
font-size: 16px;
font-weight: normal;
color: #333;
}
.indexpro_div a
{
display: block;
overflow: hidden;
}
.ml_related
{
padding: 15px;
margin: 30px auto;
}
.ml_indexprocon ul
{
display: flex;
flex-wrap: wrap;
}
.ml_indexprocon ul li
{
width: 50%;
}
.ml_indexprocon ul li p
{
text-align: center;
color: #303133;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: 16px;
}
.ml_indexprocon ul li span
{
text-align: center;
color: #303133;
display: block;
text-align: center;
font-size: 14px;
}
.indexpro_div
{
background-color: var(--main-color-white);
padding: 15px;
}
.indexpro_div img
{
width: 100%;
height: 150px;
object-fit: contain;
transition: all ease .4s;
display: block;
margin: 0 auto;
}
.indexpro_div:hover img
{
transform: scale(1.1);
}
.ml_indexpro
{
width: 100%;
padding: 30px 15px;
background-color: #fafafa;
}
.ml_indexprocon
{
width: 100%;
margin: 0 auto;
}
.tab_pro
{
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.tab_pro a
{
text-align: center;
width: 150px;
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
font-size: 16px;
color: #303133;
display: block;
}
.tab_pro a:hover
{
color: var(--main-color-white)!important;
background-color: var(--main-color)!important;
}
.ml_description_tab
{
border-bottom: 1px solid #ededed;
white-space: nowrap;
overflow: auto;
}
.ml_description_tab .strong_1
{
border: none;
cursor: pointer;
padding: 10px 10px;
width: 120px;
display: inline-block;
text-align: center;
}
.tabactive
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
}
.ml_descriptioncon_fy
{
display: none;
}
.ml_descriptioncon_fy p
{
font-size: 16px;
color: #303133;
line-height: 25px;
}
.ml_descriptioncon_fy img
{
max-width: 100%;
display: block;
margin: 20px auto;
}
.ml_prodetailright
{
width: 100%;
}
.ml_prodetailright strong
{
display: block;
margin-bottom: 20px;
font-size: #303133;
color: #333;
font-size: 20px;
font-weight: normal;
}
.ml_prodetailright p
{
font-size: 16px;
line-height: 25px;
color: #333;
}
.ml_prodetail
{
width: 100%;
padding: 30px 15px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ml_prodetailleft
{
width: 100%;
margin-bottom: 30px;
}
.ml_prodetailleft .swiper-slide
{
text-align: center;
font-size: 18px;
background: var(--main-color-white);
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.ml_prodetailleft .swiper-slide
{
background-size: cover;
background-position: center;
}
.ml_prodetailleft .mySwiper2
{
width: 100%;
}
.ml_prodetailleft .mySwiper2 img
{
border: 1px solid #ccc;
height: 200px;
object-fit: contain;
}
.ml_prodetailleft .mySwiper
{
box-sizing: border-box;
padding: 10px 0;
}
.ml_prodetailleft .mySwiper img
{
border: 1px solid #ccc;
height: 80px;
width: 100%;
object-fit: contain;
}
.ml_prodetailleft .mySwiper .swiper-slide
{
width: 25%;
opacity: .4;
}
.ml_prodetailleft .mySwiper .swiper-slide-thumb-active
{
opacity: 1;
background-color: transparent!important;
}
.ml_prodetailleft .swiper-slide img
{
display: block;
width: 100%;
}
}