@charset "utf-8";

/* CSS Document */
html{ }
body { font-size: 14px; font-family: arial, "serif"; color: #333333; -webkit-font-smoothing: antialiased; transition:.3s all; word-break:break-word; overflow-x:hidden; }
:root{
    --maincolor:#bc0023;
    --hovercolor:#e1002a;
    --activecolor:#c9ab70;
    --linecolor:#E2E2E2;
    --white:#ffffff;
    --color0:#000000;
    --color3:#333333;
    --color6:#666666;
    --color9:#999999;
    --colortitle:#545454;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;}
*{ -webkit-box-sizing: border-box; box-sizing: border-box; }
fieldset, img { border: 0;}
ol, ul, li { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}
q:before, q:after { content: '';}
a { color:var(--color0); text-decoration: none; transition:.3s all;}
a:hover { color:var(--hovercolor)}
input { outline: none; color:var(--color6); font-size: 15px;}
input::placeholder,textarea::placeholder{ color:var(--color6); font-size: 16px; font-family:微软雅黑,  arial, "serif"; }
textarea{ font-size: 15px; font-family:微软雅黑,  arial, "serif";  color:var(--color6); }

.allwidth{ max-width:1550px; margin-left:auto; margin-right:auto;}
.allwidthp{ max-width:1550px; margin-left:auto; margin-right:auto;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}
img{ max-width:100%; vertical-align:middle; }
.display_none{display:none;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.colorwhite{ color:var(--white) !important; }
.fontsize12{ font-size:12px !important;}
.text_center{ text-align:center;}
.v_align{vertical-align: middle;}
.lineheight24{ line-height:24px; }

.row{display:flex; flex-wrap:wrap;}
.flexstart{ justify-content:flex-start; }
.flexbetween{ justify-content:space-between; }
.padding_20{ padding-left:20px; padding-right:20px;}

.text_s1,.text_s2,.text_s3,.text_s4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.text_s1{ -webkit-line-clamp: 1; }
.text_s2{ -webkit-line-clamp: 2; }
.text_s3{ -webkit-line-clamp: 3; }
.text_s4{ -webkit-line-clamp: 4; }


/*---------------------share ico-----------------------*/
.news_share{ display:flex; justify-content:flex-end; flex-wrap:wrap; align-items:center; }
.news_share li{ margin-right:10px; position:relative; }
.news_share li a{ display:block; font-size:17px; width:35px; height: 35px; border-radius:50px; overflow:hidden; color:var(--white); text-align:center; line-height:35px; }

.ewm_img{ position:absolute; left:-20px; top:35px; padding-top:8px; width:80px; opacity: 0; height: 0; overflow:hidden; transition:.3s all; }
.weixin_ck:hover .ewm_img{ opacity: 1; height: auto; overflow:visible;}
.ewm_img img{ display:block; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.weixin i{ background:var(--maincolor); }
.email i{  background:var(--maincolor); }
.whatapp i{ background:var(--maincolor);  }
.skybe i{  background:var(--maincolor);  }
.tel i{  background:var(--maincolor);  }

.server_icos li{ margin-bottom:5px; position:relative;}
.server_icos li i{ display:block; width:45px; height:45px; border-radius:3px; overflow: hidden; cursor: pointer; text-align: center; line-height: 40px; transition: .4s all; }

.server_text{ position:absolute; right:40px; padding:0 10px 0 0; top:0;  z-index: 1010; height: 0; opacity: 0; overflow: hidden; transition: .4s all; }
.server_alltxt{background:var(--white); border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,0.2); width:100px; padding:2px 2px; line-height: 24px; }
.weixin .server_text{ top:auto; bottom:0; }
.server_icos li:hover .server_text{ height: auto; opacity: 1; overflow: visible;}
.server_icos li:hover i{ background:var(--hovercolor);}


/*---------------------goto-------------------------*/
.foot_server{ position:fixed; right:2px; bottom:30px; z-index: 650; }
#gotop{  bottom:50px;width:38px; height:38px; border-radius:3px;background:#616161; display:none; text-align:center; line-height: 38px; cursor:pointer; z-index: 88;transition: .4s all;}
#gotop:hover{ background: var(--hovercolor);}
#gotop img{ margin-top:30%;}

#gotop1{  width:45px; height:45px;background:var(--maincolor); border-radius:3px; display:none; text-align:center; line-height: 40px; cursor:pointer; transition: .4s all;}
#gotop1:hover{ background: var(--hovercolor);}
#gotop1 img{ margin-top:30%;}


/*-------------------------scroll-----------------------------
::-webkit-scrollbar { width: 2px; height: 2px; }
::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 6px; }
::-webkit-scrollbar-track{ background:#3989c6; }*/


/*-----------------------swiper------------------------*/
.detail_bimg{ position:relative;  padding:20px;}
.mySwiper21 { box-sizing: border-box;margin: 10px 0; padding:0 5px;   }
.mySwiper21 .swiper-slide {	width: 25%;	height: auto !important; border:0px solid #dddddd;}
.swiper-slide21 img,.swiper-slide22 img{ display: block; width: 100%;height: 100%;object-fit: cover;	}
.prosbp{ position:relative;}
.mySwiper22{ margin-bottom:20px; }


.mySwiper21{  background: url("../images/fzlc_line.jpg") left 70px repeat-x; }
.fzlc_times{margin:0 0px !important;  }
.fzlc_timd_dot{ font-size: 30px;  color:var(--color0); text-align: center; padding:22px 0 0 0; cursor: pointer; }
.fzlc_timd_dot i{ display: block; width:26px; height:26px; border-radius: 50px; border:1px solid rgba(0,0,0,0.4); margin:35px auto 20px auto; transition: .4s all;  text-align: center; position: relative;}
.fzlc_timd_dot i p{ display: inline-block; width: 20px; height:20px; border-radius: 50px; border:1px solid rgba(0,0,0,0.7);position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 18;}
.fzlc_timd_dot i span{ display: inline-block; width: 14px; height: 14px; border-radius: 50px; background: var(--color0); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 18;}
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot{ color:var(--hovercolor);}
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot i{    text-align: center; position: relative; border:1px solid rgba(255,0,42,0.4); }  
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot i span{ background:var(--hovercolor);  }
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot i p{  border:1px solid rgba(255,0,42,0.7); }
.mySwiper22 .swiper-button-next,.mySwiper22 .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 25 * 27) !important;}


.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 16px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 16px)) !important;
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .8) !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--hovercolor)) !important;
}
.banners .swiper-horizontal>.swiper-pagination-bullets, .banners.swiper-pagination-bullets.swiper-pagination-horizontal, .banners .swiper-pagination-custom, .banners .swiper-pagination-fraction {
    bottom: 20px !important;}

.fzlc_text{ text-align: center;}
.fzlc_text img{ max-width: 710px; border-radius: 15px;}

.falc_ico{ width:74px; height:74px; border:1px solid var(--color0); border-radius: 50px; background:#f5f5f5; transition: .4s all; text-align: center; padding:7px 0 0 0 ;}
.falc_ico svg{ fill:var(--color0); width: 5em; height:2.5em;margin-top: 12px; }
.falc_ico:hover{ background:var(--hovercolor); border:1px solid var(--hovercolor);}
.falc_ico:hover svg{ fill:var(--white);  }

.falc_ico1{ width:74px; height:74px; border:1px solid var(--color0); border-radius: 50px;  transition: .4s all; text-align: center; padding:7px 0 0 0 ;}
.falc_ico1 svg{ fill:var(--color0); width: 5em; height:2.5em;margin-top: 12px; }
.falc_ico1:hover{ background:var(--hovercolor); border:1px solid var(--hovercolor);}
.falc_ico1:hover svg{ fill:var(--white);  }

.mySwiper21 .swiper-button-next{ width:auto !important; right:0 !important; }
 .mySwiper21 .swiper-button-prev{ width:auto !important; left:0 !important; }
 .mySwiper21 .swiper-button-next.swiper-button-disabled, .mySwiper21 .swiper-button-prev.swiper-button-disabled { opacity: .7 !important;}
 .swiper-button-next, .swiper-button-prev {  top: 35% !important;}
.fzlc_year{ position: relative;}
.fzlc_dot_txt{ text-align: center; font-size: 17px; line-height: 24px; max-width: 70%; margin:10px auto 0 auto; display: none; }
.mySwiper21 .swiper-slide-thumb-active .fzlc_dot_txt{ display: block;}
.fzlc_year .swiper-button-next.swiper-button-disabled, .fzlc_year .swiper-button-prev.swiper-button-disabled {    opacity: 1 !important;}



/*------------------------article detail-----------------------------*/
.news_content{ line-height:28px; font-size:16px; color:var(--color3); margin-bottom:0px; padding:10px 10px 0 10px; }
.news_content h1{ font-size: 30px; font-weight:bold; margin-bottom: 25px; color:var(--hovercolor);}
.news_content h2{ font-size: 22px; font-weight:bold; margin-bottom: 25px;}
.news_content h3{ font-size: 20px; font-weight:bold; margin-bottom: 25px;}
.news_content h4{ font-size: 18px; font-weight:bold; margin-bottom: 25px;}
.news_content h5{ font-size: 16px; font-weight:bold; margin-bottom: 25px;}
.news_content p { margin-bottom: 15px;}
.news_content img { max-width: 100% !important; height: auto !important;}
.news_content p[style="text-align:center;text-indent:2em;"] img,.news_content p[style="text-indent:2em;"] img{ margin-left:-2.2em !important;}

.about_con1{ line-height:36px; font-size:16px; }
.about_con1 h1{ font-size: 28px;font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 h2{ font-size: 26px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 h3{ font-size: 24px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 h4{ font-size: 22px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 h5{ font-size: 20px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.about_con1 p { margin-bottom: 25px;}
.about_con1 img { max-width: 100% !important; height: auto !important;}

.sub_title{ margin-bottom:40px; }
.sub_title>h3{ font-size:48px; font-weight:bold; color:var(--color0); text-align: center; margin-bottom:15px;}
.sub_title>p{ font-size:18px; color:var(--color9); text-align: center; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }

.sub_title1{ margin-bottom:40px; }
.sub_title1>h3{ font-size:38px; color:var(--color0); text-align: center; margin-bottom:15px;}
.sub_title1>p{ font-size:18px; color:var(--color9); text-align: center; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }

.about_con{ font-size: 16px; line-height: 32px; color:var(--color6);}
.about_con h3{ font-size:36px; font-weight:bold; color:var(--color0);}
.about_con span{font-size:16px; }
.about_con p{ margin-bottom:20px;}

/*-------------------feedback-----------------*/
.in_feedback_con{ margin-bottom:20px; }
.in_feedback_list{ margin-left:-15px; margin-right:-15px;}
.in_feedback_list li{ margin-bottom:30px; padding-left:15px; padding-right: 15px; width:100%; }
.in_feedback_list li:nth-child(-n+3){ flex:0 0 33.333%; }
.in_feedback_list li span{ display:block; color:var(--white); font-size:16px; margin-bottom:10px;  }
.feedback{ height: 60px; line-height:60px; border:1px solid #e5e5e5; width:100%; padding: 0 10px; box-shadow: 0 0 8px rgba(0,0,0,0.07); border-radius: 8px;}
.feedtext{width:100%;border:1px solid #e5e5e5; color:#999999; height: 225px; padding:10px; border-radius: 8px; box-shadow: 0 0 8px rgba(0,0,0,0.07);}

.feedback_btm{ display: inline-block; width:180px; font-size:18px; color:#202020; text-align:Center; height:60px; line-height:60px; border:0; background:var(--hovercolor); color:var(--white); cursor: pointer; transition:.4s all; border-radius: 8px;}
.feedback_btm:hover{ background:var(--maincolor); color:var(--white);}

.in_feedback_list1{ margin-left:-15px; margin-right:-15px;}
.in_feedback_list1 li{ margin-bottom:20px; padding-left:15px; padding-right: 15px; width:100%; }
.in_feedback_list1 li:nth-child(-n+4){ flex:0 0 50%; }
.in_feedback_list1 li span{ display:block; color:#202020; font-size:16px; margin-bottom:10px;  }
.feedback1{ height: 55px; line-height: 55px; border:1px solid #dedede; width:100%; padding: 0 20px; opacity: .85; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.feedtext1{width:100%;border:1px solid #e5e5e5; color:#999999; height: 230px; border-radius: 0px; padding:10px 20px;opacity: .85;}

.feedback_btm1{ display: block; margin:0 auto; font-size:16px;  text-align:Center; height:55px; line-height:55px; border-radius: 10px; padding:0 55px; border:0; background:var(--hovercolor); color:var(--white); cursor: pointer; transition:.4s all;}
.feedback_btm1:hover{ background:var(--maincolor);}

/*--------------------------------pages---------------------------------*/
.pages{ text-align:center; }
.pages a{ display:inline-block; margin:0 2px; padding:2px 8px; border-radius:5px;vertical-align:middle;color:#888888; }
.pages a:hover{ background:var(--hovercolor); color:var(--white);}
.pages a.cur{ background:var(--hovercolor); color:var(--white); }
.pages a svg{ stroke:#888888; }
.pages a:first-child,.pages a:last-child{  padding-top:1px;  }

.error_img{ text-align:center; }
.error_img img{ max-width:90%;}
.error_text{ text-align:center; margin-bottom:90px;}
a.error_a{ display:inline-block; padding:9px 60px; border-radius:10px; color:var(--white); background:#F7931E;}
.error_text p{ font-size:22px; color:#F7931E;}
@media screen and (max-width:780px){ 
    .error_text p{ font-size:16px; }
}


/*---------------------------newsdetail----------------------------------*/
.news_dtitle { font-size:38px;padding: 0px 0 28px 0;  line-height: 48px; color:var(--color0); font-weight: bold;}
.news_dtitle1 { font-size:36px;padding: 0px 0 28px 0; line-height: 56px; color:var(--color0); font-weight: normal;}
.news_dspan {  font-size: 16px; font-weight: normal; margin-bottom:40px; color:var(--color9);}
.other_newsbgs{ background: #f5f5f5;}
.other_news{   font-size: 15px; border-top:1px solid #dedede;}
.other_news li {  flex:1; padding: 30px 0 30px 0;  display: flex; align-items: center; }
.other_news li:nth-child(1) { padding-left:1px; border-right:2px solid var(--white); justify-content: flex-start; }
.other_news li:nth-child(2) {  padding-right:1px; text-align: right; justify-content: flex-end; }
.other_news li strong{ display: block; flex:0 0 65px; }

.other_news li { display: flex; }
.other_news li a{ display: inline-block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; color:Var(--color9); margin:0 10px;}
.other_news li a:hover{ color:var(--hovercolor);}
.other_news li span{ display: block; flex:0 0 80px;}


/*--------------------------------------------*/
.mb_menu_close{ display:none; position:fixed; top:3%; right:4%; z-index: 1502; cursor:pointer;}
.mb_menu{ display:none;}
.mb_navsico{ cursor:pointer; float:right; width:40px; height: 40px;  border-radius:100px; color:var(--color0); text-align:center; line-height:40px; }
.mb_navsico svg{ width:15px;}
.mbnavs_sec { display: none;  background: #fca9a9;  padding: 10px 0;  }    
.mbnavs_sec>li { padding: 10px 10px; }    
.mbnavs_sec>li>a { color: var(--color6); font-size: 14px;}    
.mb_menulist>li>a i{ display:block; width:10px;}

.mb_zz { display:none; position: fixed;left: 0;top: 0;right: 0;bottom: 0; background: rgba(0, 0, 0, 0.5);z-index: 4;}
.inbannerimg1{ display: block;}
.inbannerimg2{ display: none;}


/*---------------------------main-------------------------------*/
.header_con{ position:fixed; left:0; top:0; right:0; z-index: 100; transition: .4s all; background: rgba(255,255,255,1); }
.header_con1{ position:-webkit-sticky; position:sticky; top:0;left:0; right:0; z-index: 105;background:var(--white) !important; box-shadow: 0 0 10px rgba(0,0,0,0.2);  }
.header_bgs{ margin-left:auto; margin-right:auto;display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; }
.top_contact{ color:var(--color6); font-size:12px;}
.logos{ text-align:center; align-items: center; }
.logos>a{ display: block; padding:12px 0px 12px 0; }
.logos>a>img{ max-height: 89px;}
.header_mb{ display:none; position:absolute; right:2%; top:6px;}

.h_over{ background:var(--white) !important; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.inlogo2{ display: none;} 
.h_over .inlogo1{ display: none;} 
.h_over .inlogo2{ display: block;} 

.header_right{ flex:0 0 auto; align-items: center;}

.right_tops{ align-items: center; justify-content: flex-end; }
.search_i{ position: relative; cursor: pointer; margin-left:20px; }
.search_i i svg{fill:var(--white); width:25px; }
.header_con1 .search_i i svg,.h_over .search_i i svg{fill:#939393 !important;  }
.search_i:hover i svg{fill:var(--hovercolor);  }
.header_con1 .search_i:hover i svg,.h_over .search_i:hover i svg{fill:var(--hovercolor) !important;  }
.insearch{ position: absolute; right:0; z-index: 101; width:250px; z-index: 103; border:0px solid #cacaca;   overflow: hidden;  height: 0;opacity: 0; transition:.4s all; }
.all_searchs{flex: 0 0 200px; border-radius: 50px; border:1px solid var(--color0); padding:0px 0px 0px 5px; font-size: 14px; }
.insearch_input{border-radius: 50px; flex:0 0 70%; width: 70%; height: 35px; line-height: 35px; font-size: 12px; padding: 0 10px; border:0; outline: none;  color:var(--color9);}
.insearch_input::placeholder{ font-size: 15px; color:var(--color9);}
.insearch_btn{ flex:0 0 2em; background: none; border:0; cursor: pointer; height: 35px; padding:0 15px; transition:.4s all; }
.insearch_btn:hover{  color:var(--hovercolor);}

.language{ flex:0 0 122px; text-align: right; }

.innavs{flex:1; margin-right:10px; align-items: center; justify-content: right;   }
.innavs>li{  position:relative; padding:27px 1px; text-align: center; position: relative; transition: .4s all;}
.innavs>li>a{ display:inline-block; color:var(--white);  font-size:16px; padding:6px 20px 6px 20px; transition:.4s all; font-weight: normal; text-align: center; position: relative; border-radius: 50px;}
.header_con1 .innavs>li>a,.h_over .innavs>li>a{ color:var(--color3) !important; }
.header_con1 .innavs>li:hover>a,.header_con1 .innavs>li.cur>a{ color:var(--white) !important;   }
.h_over .innavs>li:hover>a,.h_over .innavs>li.cur>a{ color:var(--white) !important; }


.innavs>li>a::after{  display: block;position: absolute; left:0; bottom:0; z-index: 9; height: 2px; background:var(--hovercolor); width:100%; transform:scaleX(0); transition:.4s all; }
.innavs>li:hover>a::after,.innavs>li.cur>a::after{ transform:scaleX(1); }
.innavs>li:hover>a,.innavs>li.cur>a{ color:var(--white);background:var(--hovercolor);}
.innavs_sec_con{ position:absolute; left:50%; top:55px; width:135%; font-size: 13px; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all;  transform:translateX(-50%); }
.innavs_sec{ box-shadow: 0 0 10px rgba(0,0,0,0.2);background:rgba(255,255,255,0.96);  margin-top:33px; }
.innavs_sec>li{ position:relative;}
.innavs_sec>li>a{ color:var(--color3);display:block; text-align:center; font-size:14px; padding:10px 0; }
.innavs_sec>li>a:hover{ background:var(--hovercolor); color:var(--white);}

.innavs_three_con{ position:absolute; left:100%; top:0px; width:100%; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all; box-shadow: 0 0 10px rgba(0,0,0,0.2);  }
.innavs_three{ background:rgba(255,255,255,0.96);  margin-left:1px;}
.innavs_three>li>a{ color:var(--color6);display:block; text-align:center; font-size:13px; padding:8px 0; }
.innavs_three>li>a:hover{ background:var(--hovercolor); color:var(--white);}

.innavs>li:hover .innavs_sec_con{ opacity: 1; height: auto; overflow: visible; }
.innavs_sec>li:hover .innavs_three_con{ opacity: 1; height: auto;  overflow: visible;}


.banners{ position:relative;}
.banners img{ width:100%; }
.banner_position img{ height:100vh; object-fit:cover;  }
.banner_jt svg{ fill:var(--white); width:3em; transition: .4s all;}
.banner_jt svg:hover{ fill:var(--hovercolor); }



.footerbgs{ background:#555555; color:#b6b6b6; font-size: 15px; }
.footerbgs a{ color:#b6b6b6; }
.footerbgs a:hover{ color:Var(--maincolor); }
.footer_alls{ padding:65px 0 25px 0;}
.footer_contact h3{ font-size: 48px; color:var(--white); line-height: 60px; margin-bottom:120px;}
.footer_contact h3 img{ max-height: 93px;}

.flogos_left{ flex:0 0 36%;}
.footer_tit{ font-size: 18px; color:var(--white);  margin-bottom:25px; }
.footer_tit img{ height: 62px;}
.footer_ewm{flex:0 0 129px;}
.footer_ewm>img{ width:100%; }
.footer_adds{ flex:1; margin-left:27px; color:#b6b6b6;}
.footer_adds li{ margin-bottom:15px;}
.footer_adds li i img{ max-height: 20px; margin-right:5px;}

.footer_right{flex:1; margin-left:7%; }
.footer_lists{ margin-bottom:30px; }
.footer_listnav{flex:0 0 20%; padding-right:3%;}
.footer_listnav dt{ font-size: 17px;  color:var(--white); margin-bottom:18px; position: relative; }
.footer_listnav dd{ line-height:30px; font-size: 14px; }
.footer_listnav dd a{ color:#b6b6b6;}
.footer_listnav dd a:hover{ color:var(--hovercolor);}

.footer_cons dt{font-size: 20px; color:var(--white); margin-bottom:30px;}
.copyright_txt{ color:#b6b6b6; font-size: 14px; text-align: center; line-height: 30px;border-top:1px solid #4d4d4d; padding:15px 0 15px 0;}

.inaboutbg{ background: url("../images/inbg1.jpg") center top no-repeat; background-size: cover; min-height: 815px;}
.inabout_cons{ padding:130px 0 0 0;}
.inabouts{ max-width: 690px; padding:70px 0 0 40px; color:var(--color0);}
.inabouts h3{ font-size: 34px; font-weight: bold; margin-bottom:45px;}
.inabouts h3::after{ content:''; display: block; width: 65px; height: 6px; background: var(--hovercolor); border-radius: 50px; margin-top: 40px;}
.inabout_text{ font-size: 16px;  line-height: 30px; margin-bottom:40px;}
a.in_more{ font-size: 15px; color:var(--white); background:var(--hovercolor);  display: inline-block; padding:15px 35px; border-radius: 10px; }
a.in_more:hover{ background:var(--maincolor); }

.inbgs{ background: #f5f5f5;}
.inproduct{ padding:100px 0 100px 0;}
.intitle{ text-align: center; margin-bottom:70px; }
.intitle1{ text-align: center; margin-bottom:40px; }
.intitle h3,.intitle1 h3{ font-size: 36px; font-weight: bold; margin-bottom:35px; color:var(--color0);}
.intitle h3::after,.intitle1 h3::after{ content:''; display: block; width: 65px; height: 6px; background: var(--hovercolor); border-radius: 50px; margin: 30px auto 0 auto; }

.inproduct_all{ margin:0 -25px;}
.inproduct_all>li{ flex:0 0 33.33%; padding:0 25px; }

.inproduct_list{ border-radius: 20px; overflow: hidden; background: var(--white); box-shadow: 0 0 20px rgba(220,220,220,1); margin-bottom:25px; }
.inproduct_img{ overflow: hidden;border-radius: 20px; overflow: hidden;}
.inproduct_img img{ width: 100%; transition:.4s all; }
.inproduct_list:hover .inproduct_img img{ transform:scale(1.1); }
.inproduct_list>h3{ padding:35px 20px; text-align: center; font-size: 20px; }
 
.in_environment{ padding:100px 0 0 0; position:relative;}
.in_environ_con>img{width: 100%;}
.in_environ_text{ position:absolute; left:0; bottom:0; color:var(--white); right:0; padding: 0 40px; z-index: 7; padding:0 0 70px 0; text-align: center;  }
.in_environ_infor{ max-width: 1085px; margin:0 auto 40px auto; font-size: 16px; line-height: 30px; text-align: center; }

.in_feedbackbg{ background: url("../images/inbg3.jpg") left top no-repeat; background-size: cover;  min-height: 710px;}
.in_feeback_con{ padding:105px 0 0 0;}









/*-----------------------------sub-------------------------------*/
.subbanner{ position: relative; }
.subbanner img{ width:100%;}

.subnav_left{ flex:0 0 20%;}
.subnav_left>h2{ font-size: 24px; font-weight: bold; color:var(--color0); position: relative; padding-top:45px; padding-left:20px;}
.subnav_left>h2::before{ content:''; display:block; width: 5px; height:22px; background: var(--hovercolor);  position: absolute; left: 0; top:52px; z-index: 9; }
.subnavs_list{  justify-content: flex-end;  }
.subnavs_list>li{ margin-left:2px; padding:38px 0; }
.subnavs_list>li>a{ display: block; padding:10px 15px; color:var(--color0);text-align: center; font-size: 16px;  transition:.4s all; }
.subnavs_list>li>a:hover,.subnavs_list>li.cur>a{  color:var(--white);  background: var(--hovercolor); }

.subnav_right{ flex:1;}

.about_infor{ padding:80px 0 100px 0;}
.about_con{ align-items: center;}
.about_con_left{ flex:1; margin-right:50px; }
.about_con_left>h2{ font-size: 30px; font-weight: bold; color:var(--hovercolor); margin-bottom:20px;}
.about_txt{ font-size: 15px; line-height:28px; color:var(--color0); }
.about_con_right{ flex:0 0 45%; }
.about_con_right img{ width: 100%; border-radius: 15px; }

.about_partnerbg{ background: url("../images/aboutbg.jpg") center top no-repeat; background-size: cover; min-height: 720px;}
.about_partner{ padding:100px 0 100px 0;}

.intitle_txt{ max-width: 85%; margin:0 auto 65px auto; font-size: 15px; line-height: 32px; color:var(--white); text-align: left; }

.partner_all{ margin:0 -10px;}
.partner_all>li{ flex:0 0 20%; padding:0 10px; margin-bottom:20px; }
.partner_all>li img{ width: 100%;}

.develop_con{ padding:95px 0 90px 0;}

.manufacturing{ padding:90px 0 105px 0;}
.manufact_all{ margin:0 -25px;}
.manufact_all>li{ flex:0 0 50%; padding:0 25px; margin-bottom:50px; }
.manufact_list{ height: 100%; background: #f5f5f5; border-radius: 15px; overflow: hidden;  }
.manufact_img{ border-radius: 15px; overflow: hidden;}
.manufact_img img{ width: 100%;}
.manufact_infor{ padding:45px 35px 50px 35px; }
.manufact_infor>h2{ font-size: 30px; font-weight: bold; color:var(--hovercolor); margin-bottom:20px;}
.manufact_txt{ font-size: 15px; line-height: 27px; color:var(--color6);overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:15; -webkit-box-orient: vertical;}
.about_items{ border-radius: 15px; background: #f5f5f5; padding:30px 30px;}
.about_items>li{ flex:1; padding:10px 15px; }
.about_items_list{ text-align: center; font-size: 15px; color:#757575;}
.item_nums{ margin-bottom:10px; }
.item_nums strong{ font-size: 80px; font-weight: bold; color:var(--hovercolor); }

.honors{ padding:100px 0;}

.sczz_con{ position: relative; overflow: hidden; padding:0 0 130px 0;}
.sczz_con .swiper-button-next, .sczz_con .swiper-rtl .swiper-button-prev { right: 50%; transform: translateX(200%); top: auto !important; left:auto !important; bottom: 15px !important;  }
.sczz_con .swiper-button-prev, .sczz_con .swiper-rtl .swiper-button-next { left:50%; transform: translateX(-200%); right: auto; top:auto !important; bottom:15px !important; }



.sczz_con1{ position: relative; overflow: hidden; padding:0 0 130px 0;  }
.sczz_con1 .swiper-button-next, .sczz_con1 .swiper-rtl .swiper-button-prev { right: auto !important; top: auto !important; left:110px !important; bottom: 15px !important;  }
.sczz_con1 .swiper-button-prev, .sczz_con1 .swiper-rtl .swiper-button-next { left:22px !important;  right: auto; top:auto !important; bottom:15px !important; }
.honor_line{ position: absolute; left: 180px; bottom: 35px; right:0; height: 1px; background: var(--color0); z-index: 9; }

.honor_list{ border:1px solid var(--color0); height: 450px; border-radius: 15px; overflow: hidden; text-align: center; padding:20px; background: var(--white); display: flex; flex-direction: column; justify-content: center; } 
.honor_list img{ max-width: 100%; max-height: 100%;}

.cultrue_list{ position: relative;border-radius: 15px; overflow: hidden;}
.cultrue_list>h3{ font-size: 16px;  color:var(--white); position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px; z-index: 10; background: rgba(0,0,0,0.5); padding:7px 10px; text-align: center; }

.location{ padding:40px 0; color:var(--color9); }
.location>a{ color:var(--color9);}
.location>a:hover{ color:var(--hovercolor);}
.location>i{ margin-right:5px; }

.contact_con{ padding:25px 0 100px 0; }
.contact_left{ flex:1; background: var(--white); border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-right:30px; padding:75px 50px 20px 75px;  }
.contact_left>h3{ font-size: 36px; font-weight: bold; color:var(--hovercolor); margin-bottom:30px;}
.contact_texts{ font-size: 16px; line-height:40px; color:var(--color3); }
.contact_right{ flex:0 0 49%; height: 100%; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); overflow: hidden; }
.contact_right img{ width: 100%;  } 

.contact_fb{ padding:90px 0;}

.qulity_con{background: #f0f0f0; align-items: center;}
.qulity_left{ flex:1; padding:10px 35px; }
.qulity_left>h3{ font-size: 26px; font-weight: bold; color:var(--hovercolor); margin-bottom:15px;}
.qulity_text{ font-size: 15px; line-height: 24px;color:var(--color3);}

.qulity_right{ flex:0 0 55%; height: 100%; }
.qulity_right img{ width: 100%; object-fit: cover;}

.qulity_main{ text-align: center;}
.qulity_main>h3{ font-size: 34px; font-weight: bold; color:var(--hovercolor); margin-bottom:25px;}
.qulity_main>p{ font-size: 15px; line-height: 30px;color:var(--color3); margin-bottom:60px; }

.qulity_imgs{ overflow: hidden;}
.qulity_imgs img{ width: 100%; max-height: 900px; object-fit: cover; }

.qulity_ps{ position:relative; padding:30px 0; }
.qulity_ps .swiper-button-prev,.qulity_ps .swiper-rtl .swiper-button-next {  left: 30px !important;   right: auto; }
.qulity_ps .swiper-button-next,.qulity_ps .swiper-rtl .swiper-button-prev {  right: 30px !important;  left: auto; }
.qulity_ps .swiper-button-next,.qulity_ps  .swiper-button-prev {    top: 50% !important; }
.swiper18{ margin:0 4%; padding: 15px 10px; overflow: hidden;}

.qulity_alllist{ border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); overflow: hidden; padding:10px; text-align: center;}
.qulity_alllist>h3{ font-size: 17px; line-height: 27px; color:var(--color0); margin:20px 0;}

.product_all>li{ margin-bottom:70px;}
.product_list{ align-items: center; border-radius: 20px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.product_img{ flex:0 0 57%; border-radius: 20px; overflow: hidden;}
.product_img img{ width: 100%; object-fit: cover; transition:.4s all; }
.product_list:hover .product_img img{ transform:scale(1.1); }
.product_list:hover .product_infor{ transform: translateY(-10px); }

.product_infor{ flex:1; padding:20px 90px; transition:.4s all; }
.product_infor>h2{ font-size: 30px; margin-bottom:20px; ;}
.product_text{ font-size: 16px; line-height: 32px; color:var(--color6); margin-bottom:40px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:6; -webkit-box-orient: vertical;}

.product_all>li:nth-child(2n) .product_infor{ order:0; }
.product_all>li:nth-child(2n) .product_img{ order:1; }
.product_all>li:last-child{ margin-bottom:0;}

.gobacks{ align-items: center;}

.product_detail{ padding:45px 0 100px 0;}
.product_left{ flex:1; margin-right:90px;}
.product_left>h2{ font-size: 30px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid var(--hovercolor);}
.product_detail_txt{ font-size: 15px; line-height:30px; color:var(--color6); margin-bottom:20px; }
.product_detail_txt>span{ color:var(--hovercolor);}

.product_right{ flex:0 0 57%; width: 57%;}

.product_detail_infor{ padding:0 0 60px 0;}
.product_detail_infor>h1{ font-size: 22px; font-weight: bold; margin-bottom:30px; color:var(--hovercolor);}
.detail_txt{ font-size: 16px; line-height:34px; color:var(--color6); margin-bottom:70px;}
.detail_txt p{ margin-bottom:20px;}

.prosbp1{ position:relative; margin-bottom:20px;} 
.mySwiper321 img{ border-radius: 20px;}
.mySwiper311 .swiper-slide {   border: 1px solid var(--white);border-radius: 20px; overflow: hidden;}
.mySwiper311 .swiper-slide-thumb-active{ border:1px solid var(--hovercolor); }


.v_zz{position: fixed; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.9); z-index: 10001;}
.v_con{margin-top:6%; background: var(--white); padding:40px; border-radius: 10px;}
.v_close{ margin:0 0 10px 0; text-align: right; color:var(--white);}
.v_close i{ display: inline-block; cursor: pointer; }
.v_close svg{fill:var(--color0);}

.environ_list{ margin-bottom:60px;}
.product_right .swiper-button-next, .product_right .swiper-button-prev { top: 50% !important; }

.develop_mainimg{margin-bottom:25px;}
.develop_mainimg li{ flex:0 0 48%;}
.develop_mainimg li img{ width: 100%; object-fit: cover; height: 100%; border-radius: 15px;}







.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: ''!important;
}.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: ''!important;
}

.pl30{ padding-left:30px; }
.pt15{ padding-top:15px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt90{ padding-top:90px;}
.pt110{ padding-top:110px;}
.pt140{ padding-top:140px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb35{ padding-bottom:35px;}
.pb55{ padding-bottom:55px;}
.pb100{ padding-bottom:100px;}

.mt30{ margin-top:30px;}

.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.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;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.mb120{ margin-bottom:120px;}
.mb140{ margin-bottom:140px;}
.mb150{ margin-bottom:150px;}









/*-------------------------------------*/

@media screen and (max-width:1955px){


}

@media screen and (max-width:1700px){
   
.allwidth{ margin-left:7%; margin-right:7%;}
.allwidthp{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}
.logos>a>img {  max-height: 60px; }




 }


 @media screen and (max-width:1610px){   
   

   }

 @media screen and (max-width:1580px){
   .innavs>li>a {padding: 6px 10px 6px 10px;}





 }
 @media screen and (max-width:1450px){
.innavs>li>a {  font-size: 14px; padding: 6px 6px 6px 6px;}





 }
@media screen and (max-width:1360px){    

   /* .swiper12 .swiper-button-prev {  left: 45.8%;  }
    .swiper12 .swiper-button-next { right: 45.8%;  }*/

    .logos>a>img {  max-height: 45px;  }




}

@media screen and (max-width:1280px){
  .innavs>li>a {
        font-size: 13px;
        padding: 6px 1px 6px 1px;
    }
.logos>a>img {
        max-height: 34px;
    }




}
@media screen and (max-width:1155px){
     




}

@media screen and (max-width:1100px){
   
.allwidth{ max-width:95%; margin-left:3%; margin-right:2%;}
.allwidthp{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}
.in_environ_infor {   max-width: 94%;  margin: 0 3% 30px 3%;   font-size: 16px;  line-height: 30px;}
.in_environ_text {   padding: 0 0 30px 0;}



}

@media screen and (max-width:1005px){
    .language { font-size: 12px;  flex: 0 0 85px;}
    .innavs>li { padding: 27px 0.5%;}
    

}


@media screen and (max-width:980px){
   .header_mb { display:block;}
   .header_right{ display:none;}
   .header_mb {  top: 6px; }
   .innavs{ display: none;}
   .header_con { position: -webkit-sticky; position: sticky; top: 0; background: var(--white); z-index: 500; border-bottom:1px solid #dedede; }
   .header_con .inlogo2{ display: block;}
   .header_con .inlogo1{ display: none;}

   .mb_navsico{ cursor:pointer; float:right; width:40px; height: 40px;  border-radius:100px; color:var(--color0); text-align:center; line-height:40px; }
   .mb_navsico svg{ width:15px;}
   
   .mb_menu{ position:fixed; left:1%; right:1%; top:5px; bottom:5%; z-index: 800;border-radius:15px; padding:50px 20px 20px 20px; overflow-y:auto;}
   .mb_menulist>li{ border-bottom:1px solid #dedede;  }
   .mb_menulist>li>div{ display:flex; justify-content:space-between; padding:18px 5px;  }
   .mb_menulist>li>div>a{display: block;  font-size:16px; color:var(--color3); flex:1; margin-right:50px;}
   .mbnavs_sec{ display:none; background:var(--white); border:1px solid #dedede; padding:10px 0; border-radius: 0px 0px 0 0; border-bottom:0; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
   .mbnavs_sec>li{ padding:0 20px; }
   .mbnavs_sec>li>div{ color:var(--color6); font-size:14px; display:flex; justify-content: space-between; padding:10px 5px; border-bottom:1px solid #f1f1f1;  }
   .mbnavs_sec>li>div>a{ color:var(--color3);}
   .mbnavs_sec>li:last-child>div{ border-bottom:0;}

   .mbnavs_three{ padding:12px 0; display: none;}
   .mbnavs_three>li{ padding:5px 0 5px 25px; font-size: 14px; position: relative; }
   .mbnavs_three>li::after{ content:""; display: block; width:3px; height:3px; border-radius: 10px; background: var(--white); position: absolute; left:10px; top:13px; z-index: 3;}
   .mbnavs_three>li>a{ color:var(--white);}
   .mbnavs_three .inpros_more{ color:var(--white) !important;}

.mb_zz{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.95); z-index: 700;}   
   
.logos>a {  padding: 8px 0;}
.logos>a>img { height: 36px; }

.inbannerimg1 {  display: none; }
.inbannerimg2 {  display: block; }

.inabout_cons { padding: 30px 0 0 0; }
.inproduct { padding: 40px 0 20px 0; }
.inproduct_all{ margin:0 -5px;}
.inproduct_all>li { padding: 0 5px; }
.in_environment { padding: 30px 0 0 0;}
.in_environ_con>img {  width: 100%; min-height: 476px; object-fit: cover; }
.in_feeback_con { padding: 40px 0 40px 0; }
.in_feedbackbg {  min-height: auto; }
.honors {  padding: 35px 0; }

.manufacturing {   padding: 40px 0 35px 0; }

.develop_con {    padding: 35px 0 30px 0; }

.about_infor {  padding: 30px 0 40px 0; }

.contact_fb { padding: 30px 0; }







}



@media screen and (max-width:780px){
.inabouts {  max-width: 100%;  padding: 30px 0 0 0px;}
.inabouts h3 { font-size: 22px;  margin-bottom: 15px; }
.inabouts h3::after {  width: 35px; height: 3px;   margin-top: 20px;}
.inabout_text { font-size: 14px;   line-height: 26px; margin-bottom: 20px; }
a.in_more {  font-size: 13px;  padding: 10px 20px;}
.inaboutbg {   min-height: 500px; }
.intitle h3, .intitle1 h3 { font-size: 18px;margin-bottom: 30px;}
.intitle h3::after, .intitle1 h3::after { width: 35px; height: 3px;  margin: 20px auto 0 auto; }
.intitle {  margin-bottom: 30px; }
.inproduct_list>h3 {  padding: 15px 20px;  font-size: 16px; }
.inproduct_list {  margin-bottom: 20px; }
.in_environ_infor {   font-size: 14px;  line-height: 24px;  }
.inproduct_all>li { flex: 0 0 100%;}
.in_feedback_list li:nth-child(-n+3) {   flex: 0 0 100%; }
.in_feedback_list li {    margin-bottom: 13px;}
.feedback {    height: 45px; line-height: 45px;}
.feedtext {  height: 100px;}
.in_feedback_left{ flex:0 0 100%; margin-bottom:20px;} 
.in_feedback_list li span {  font-size: 14px;}
.in_feedback_right{ flex:0 0 100%; }
.feedback_btm {  width: 100%;  font-size: 14px;  height: 45px;  line-height: 45px;}
.flogos_left { flex: 0 0 100%; }

.footer_right{ display: none;}
.footer_alls { padding: 35px 0 25px 0; }
.footer_ewm {  flex: 0 0 100%; margin-bottom:20px; }
.footer_ewm>img { width: auto; height: 100px; }
.footer_adds {  margin-left: 0;}
.footer_adds li {  margin-bottom: 10px;font-size: 13px; }
.copyright_txt {   font-size: 13px;   line-height: 24px;}
.subnav_left{ display: none;}
.subnav_right {  flex: 0 0 100%; }
.subnavs_list {    justify-content: flex-start; }
.subnavs_list>li {  margin-left: 1px;  padding: 5px 0 0 0; }
.subnavs_list>li>a {  padding: 7px 9px; font-size: 13px;background: #f5f5f5;}
.about_con_left { flex: 0 0 100%;  margin-right: 0; margin-bottom:20px; }
.about_con_left>h2 { font-size: 20px; margin-bottom: 5px; }
.about_txt { font-size: 14px;   line-height: 26px;}
.about_con_right {  flex: 0 0 100%; }
.about_partner {  padding: 40px 0 40px 0; }
.intitle_txt {  max-width: 100%;   margin: 0 auto 30px auto;  font-size: 14px;  line-height: 26px;}
.partner_all{ margin:0 -5px; }
.partner_all>li {  flex: 0 0 50%; padding: 0 5px; margin-bottom: 10px; }
.fzlc_text img { max-width: 100%;}
.falc_ico { width: 40px; height: 40px;}
.falc_ico svg { width: 3em;  height: 1.5em; margin-top: 2px; }
.swiper-button-prev, .swiper-rtl .swiper-button-next {  left: 5px !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 5px !important;}
.fzlc_timd_dot {  font-size: 20px; padding: 0px 0 0 0;}
.mySwiper21 { background: url(../images/fzlc_line.jpg) left 48px repeat-x; }
.swiper-button-next, .swiper-button-prev {  top: 34% !important; }
.fzlc_dot_txt {   font-size: 14px;  line-height: 24px;max-width: 75%;}
.manufact_all>li {     flex: 0 0 100%;   margin-bottom: 20px; }
.manufact_infor { padding: 25px 15px 30px 15px; }
.manufact_infor>h2 { font-size: 22px; margin-bottom: 10px; }
.manufact_txt {  font-size: 13px;  line-height: 24px; -webkit-line-clamp: 7;}
.about_items {  padding: 10px 10px; }
.item_nums strong { font-size: 22px;}
.about_items_list {   font-size: 13px;}
.honor_list {  height: 210px; padding: 10px;}
.sczz_con1 { padding: 0 0 75px 0; }
.falc_ico1 { width: 40px; height: 40px;}
.falc_ico1 svg {  width: 3em; height: 1.5em; margin-top: 2px; }
.sczz_con1 .swiper-button-next, .sczz_con1 .swiper-rtl .swiper-button-prev {  left: 50px !important;}
.sczz_con1 .swiper-button-prev, .sczz_con1 .swiper-rtl .swiper-button-next {  left: 5px !important;}
.honor_line { left: 95px;}
.sczz_con {  padding: 0 0 10px 0; }
.location {   padding: 15px 0;}
.product_img {  flex: 0 0 100%;}
.contact_con {  padding: 5px 0 30px 0; }
.product_infor {  padding: 20px 15px; }
.product_infor>h2 {   font-size: 22px;  margin-bottom: 10px; }
.product_text {  font-size: 14px;  line-height: 26px; margin-bottom: 15px;}
.product_all>li { margin-bottom: 20px; }
.product_all>li:nth-child(2n) .product_infor { order: 1; }
.product_detail {  padding: 25px 0 40px 0; }
.product_left { flex: 0 0 100%;  margin-right: 0;  margin-bottom: 20px; }
.product_left>h2 {  font-size: 24px; margin-bottom: 20px;  padding-bottom: 21px;}
.product_detail_txt {   font-size: 14px; line-height: 26px;  margin-bottom: 20px; }
.product_right {  flex: 0 0 100%; width: 100%; }
.mySwiper321 img { border-radius: 10px; }
.prosbp1 {  margin-bottom: 10px; }
.prosbp1 .swiper-button-next, .prosbp1 .swiper-button-prev { top: 50% !important;  }
.mySwiper311 .swiper-slide {   border-radius: 10px;}
.product_detail_infor>h1 {  font-size: 18px;  margin-bottom: 15px;}
.detail_txt {  font-size: 14px; line-height: 26px; margin-bottom: 30px; }
.product_detail_infor { padding: 0 0 10px 0; }
.other_news li {  font-size: 12px;  padding: 15px 0 15px 0;}
.other_news li {  flex: 0 0 100%;}
.other_news li:nth-child(2) { text-align: left; justify-content: flex-start; padding-top:0; }
.other_news li span {   flex: 0 0 75px; }
.qulity_left { flex: 0 0 100%;  padding: 20px 2%; }
.qulity_left>h3 { font-size: 22px;  margin-bottom: 8px; }
.qulity_text {  font-size: 14px; line-height: 26px;}
.qulity_right {  flex: 0 0 100%; height: 100%; }
.qulity_main>h3 {  font-size: 24px; margin-bottom: 8px; }
.qulity_main>p { font-size: 14px;  line-height: 26px;  margin-bottom: 30px; }
.news_content h1 { font-size: 20px;   margin-bottom: 8px;}
.news_content {  line-height: 26px;  font-size: 14px;}
.contact_left { flex: 0 0 100%; margin-right: 0px; padding: 35px 20px 30px 20px; margin-bottom:20px; }
.contact_left>h3 {  font-size: 18px; margin-bottom: 8px; }
.contact_texts {   font-size: 14px;   line-height: 26px;}
.contact_right { flex: 0 0 100%;}

.v_con {   margin-top: 3%; padding: 15px 12px;}
input::placeholder{ font-size: 14px;}

.banners .swiper-button-next, .banners .swiper-button-prev{display: none !important;}
.fzlc_times{margin:0 0px !important;  }
.intitle1 {  margin-bottom: 22px;
}




}

@media screen and (max-width:640px){
    
    


}


@media screen and (max-width:550px){
    
   
   

}


@media screen and (max-width:450px){    
    

}


@media screen and (max-width:390px){
  

}


@media screen and (max-width: 768px) {
   
}