@charset "utf-8";

/* CSS Document */
html{ }
body { font-size: 14px; font-family:微软雅黑,  arial, "serif"; color: #545454; -webkit-font-smoothing: antialiased; transition:.3s all; word-break:break-word; overflow-x:hidden; }
:root{
    --maincolor:#344eb6;
    --hovercolor:#3973e6;
    --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:1500px; margin-left:auto; margin-right:auto;}
.allwidthp{ max-width:1500px; 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:1px solid #dddddd;}
.swiper-slide21 img,.swiper-slide22 img{ display: block; width: 100%;height: 100%;object-fit: cover;	}

.mySwiper22{ margin-bottom:70px; }


.fzlc_timd_dot{ font-size: 35px; font-weight: bold; color:var(--color0); text-align: center; padding:0 0 59px 0; cursor: pointer; }
.fzlc_timd_dot i{ display: block; width:19px; height:19px; border-radius: 50px; background:#cccccc; margin:18px auto 0 auto; transition: .4s all; }
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot{ color:var(--maincolor);}
.mySwiper21 .swiper-slide-thumb-active .fzlc_timd_dot i{  background:#0781e6 !important;  }  
.mySwiper21 .swiper-slide-thumb-active {  border: 1px solid var(--hovercolor); }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px)) !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;
}

.fzlc_text{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.fzlc_year{ flex:0 0 350px;  font-size: 95px; font-weight: bold; color:var(--maincolor); padding:0 60px 0 0;}
.fzlc_infor{ flex:1; font-size: 20px; line-height: 34px; color:var(--color6); padding:20px 60px 0 60px; border-left:1px solid #dedede; }
.fzlc_imgs{ flex:0 0 45%;}

.falc_ico{ width:38px; height:38px; border:1px solid #cdcdcd; border-radius: 50px; background:var(--white); transition: .4s all; text-align: center; padding:7px 0 0 0 ;}
.falc_ico svg{ fill:#cdcdcd; width: 1.3em; height: 1.3em; }
.falc_ico:hover{ background:var(--maincolor); border:1px solid var(--maincolor);}
.falc_ico: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;}


/*------------------------article detail-----------------------------*/
.news_content{ line-height:32px; font-size:16px; color:var(--color6); margin-bottom:70px; padding:30px 20px 0 20px; }
.news_content h1{ font-size: 24px; margin-bottom: 25px;}
.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: 25px;}
.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:24px; font-size:16px; }
.about_con1 h1{ font-size: 28px; 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;}

.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:10px;}

/*-------------------feedback-----------------*/

.in_feedback_list{ margin-left:-15px; margin-right:-15px;}
.in_feedback_list li{ margin-bottom:20px; padding-left:15px; padding-right: 15px; width:100%; }
.in_feedback_list li:nth-child(-n+2){ flex:0 0 50%; }
.in_feedback_list li span{ display:block; color:#202020; font-size:16px; margin-bottom:10px;  }
.feedback{ height: 50px; line-height: 50px; border:1px solid #e5e5e5; width:100%; padding: 0 10px;}
.feedtext{width:100%;border:1px solid #e5e5e5; color:#999999; height: 225px; padding:10px;}

.feedback_btm{ display: inline-block; font-size:16px;  color:#202020; text-align:Center; height:60px; line-height:60px; padding:0 70px; border:0; background:var(--maincolor); color:var(--white); cursor: pointer; transition:.4s all;}
.feedback_btm:hover{ background:var(--hovercolor); color:var(--white);}


/*--------------------------------pages---------------------------------*/
.pages{ text-align:center; }
.pages a{ display:inline-block; margin:0 2px; padding:2px 8px; border-radius:5px;vertical-align:middle;color:#919bb0; }
.pages a:hover{ background:var(--hovercolor); color:var(--white);}
.pages a.cur{ background:var(--hovercolor); color:var(--white); }
.pages a svg{ stroke:#919bb0; }
.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:30px;padding: 0px 0 20px 0; color:var(--color0);}
.news_dspan {  font-size: 15px; font-weight: normal; margin-bottom:30px; color:var(--color9);}
.other_newsbgs{ background: #f5f5f5;}
.other_news{  }
.other_news li {  flex:1; padding: 0 3px; height: 80px; line-height: 80px; }
.other_news li:nth-child(1) { padding-right:10px; border-right:2px solid var(--white); }
.other_news li:nth-child(2) {  padding-left:10px; text-align: right; }

.other_news li a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; color:Var(--color6);}
.other_news li strong{ color:var(--color0);}
.other_news li a:hover{ color:var(--hovercolor);}


/*---------------------------main-------------------------------*/
.header_con{ position:fixed; left:0; top:0; right:0; z-index: 100; transition: .4s all;  }
.header_con1{ position:-webkit-sticky; position:sticky; top: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:15px 0px; }
.logos>a>img{ height: 50px;}
.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 235px; margin-left:60px;  align-items: center;}

.right_tops{ align-items: center;  }
.search_i{ position: relative; cursor: pointer;}
.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);  }
.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{ margin-top:5px; background: var(--white);border-radius: 2px; padding:0px 0px 0px 5px; font-size: 14px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.insearch_input{ flex:1; height: 35px; line-height: 35px; font-size: 12px; padding: 0 10px; border:0; outline: none;  color:var(--color9);}
.insearch_input::placeholder{ font-size: 14px; color:var(--color9);}
.insearch_btn{ border:0;background: var(--hovercolor); color:var(--white); cursor: pointer; height: 35px; padding:0 15px; transition:.4s all; }
.insearch_btn:hover{ background:var(--maincolor); color:var(--white);}

.search_i:hover .insearch{ height:auto; opacity: 1; overflow: visible; }



.language{ position:relative; font-size: 16px; color:var(--white); }
.language_title{ height: 43px; width:145px;align-items: center; justify-content: center; border:1px solid #cacaca; border-radius: 50px; overflow: hidden; cursor: pointer; align-items: center; }
.language_title i{ margin-right:6px; }
.language_title i svg{fill:var(--white); width:1.3em; height: 1.3em; }

.header_con1 .language,.h_over .language{  color:var(--color6) !important; }
.header_con1 .language_title,.h_over .language_title{  border:1px solid #666666 !important;  }
.header_con1 .language_title i svg,.h_over .language_title i svg{fill:var(--color6) !important;  }

.language_ul{ position:absolute; left:0; top:40px; width:100%; z-index: 8; opacity: 0; transition:.4s all;height: 0; overflow: hidden; }
.language:hover .language_ul,.language1:hover .language_ul{ opacity: 1; height: auto; overflow: visible; }
.language_li{  background:var(--white); border:1px solid #eeeeee; border-radius: 10px 10px 10px 10px; padding:9px 0px; text-align: center; margin:6px 0 0 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow: hidden; }
.language_li li{padding:5px 20px;  }
.language_li li a{ color:#999999; font-size: 12px; transition:.4s all; display: block; }
.language_li li a:hover{ color: var(--hovercolor); }


.innavs{flex:1; margin-right:10px; align-items: center; justify-content: flex-end;   }
.innavs>li{  position:relative; padding:0px 30px; text-align: center; position: relative; }
.innavs>li>a{ display:inline-block; color:var(--white);  font-size:16px; padding:6px 0 6px 0; transition:.4s all; font-weight: normal; text-align: center; position: relative;}
.header_con1 .innavs>li>a,.h_over .innavs>li>a{ color:var(--color6) !important; }
.header_con1 .innavs>li:hover>a,.header_con1 .innavs>li.cur>a{ color:var(--hovercolor) !important;   }
.h_over .innavs>li:hover>a,.h_over .innavs>li.cur>a{ color:var(--hovercolor) !important;   }

.innavs>li>a::after{ content:""; 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(--hovercolor);   }
.innavs_sec_con{ position:absolute; left:50%; top:30px; width:160px; 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); border-radius:5px; margin-top:10px; padding:5px 0 0 0;}
.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;}

.lanuage a{ color:var(--color6); transition: .4s all;}
.lanuage a:hover{ color:var(--hovercolor);}

.banners{ position:relative;}
.banner_position>a>img{ width:100%; }
.banner_jt svg{ fill:var(--white); width:3em; transition: .4s all;}
.banner_jt svg:hover{ fill:var(--hovercolor); }
.banner_case{ position:absolute; left:65px; right:65px; bottom:45px; z-index: 10;}
.banner_list{ margin-left:-2.5px; margin-right:-2.5px;}
.banner_list li{ flex:0 0 16.6%; padding-left:2.5px; padding-right:2.5px; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {   bottom: 20px !important;}

.inpros_main{ flex:0 0 35%; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding:80px 5px 10px 5px;}

.inpros_all{ flex:0 0 65%;}
.in_mainprosimg{ margin-bottom:15px;overflow: hidden; text-align: center; }
.in_mainprosimg img{ max-width:100%; max-height: 510px; transition: .4s all;}
.in_mainpros:hover .in_mainprosimg img,.inpros_list:hover .in_mainprosimg img{ transform:scale(1.1); }
.inmainpros_txt1{ text-align: center;}
.inmainpros_txt1 h3{ font-size: 30px; font-weight: bold; color:var(--color0); margin-bottom:15px; transition: .4s all;}
.in_mainpros:hover .inmainpros_txt1 h3{ color:var(--hovercolor);}
.inmainpros_txt1 p{ font-size: 18px; color:var(--color6); margin-bottom:45px;}
.inmainpros_txt1>a{ color:var(--hovercolor); font-size: 14px; border:1px solid var(--hovercolor); border-radius: 50px; padding:12px 30px; transition: .4s all;}
.inmainpros_txt1>a:hover{ background: var(--hovercolor); color:var(--white);  }


.inpros_list{ flex:0 0 50%; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; position:relative; padding:120px 10px 10px 10px; }
.inpros_list:nth-child(2){ background: #f0f0f0;  border-right:0px solid #e2e2e2;}
.inpros_list:nth-child(3){ background: #f0f0f0;  border-right:1px solid #e2e2e2;}
.inpros_list:nth-child(1),.inpros_list:nth-child(4){ background:#f8f8f8; }
.inpros_list:nth-child(4){ border-right:0px solid #e2e2e2;}
.inmainpros_txt{ position:absolute; right:50px; top:50px; z-index: 18; font-size: 14px; color:var(--color9); text-align: right;}
.inmainpros_txt h3{ font-size: 26px; font-weight: bold; color:var(--color0); margin-bottom:8px; transition: .4s all;}
.inmainpros_txt p{ font-size: 16px; color:var(--color6)}
.inpros_list:hover .inmainpros_txt h3{ color:var(--hovercolor);}
.inpros_list>a{ color:var(--hovercolor); display: block; position: absolute; right:50px; bottom:50px; z-index: 19; font-size: 14px; transition: .4s all;}
.inpros_list>a svg{ fill:var(--hovercolor); margin-left:6px; transition: .4s all; }
.inpros_list:hover>a{ color:var(--maincolor);}
.inpros_list:hover>a svg{ fill:var(--maincolor); margin-left:12px; }


.inapplictaion_bg{ background: #f5f5f5; }
.inapplications{ padding:95px 0 140px 0; }

.intitle1{ text-align: center;margin-bottom:45px;}
.intitle1 h3{ font-size: 46px; font-weight: bold; color:var(--color0); margin-bottom:20px;}
.intitle1 p{ font-size: 18px; color:#cccccc; font-family: Arial, Helvetica, sans-serif; }

.inapp_all{  margin-left:-6px; margin-right:-6px; }
.inapp_all li{ flex:0 0 50%; padding-left:6px; padding-right:6px; margin-bottom:14px;}
.inapp_lists{ position: relative; overflow: hidden;}
.inapp_lists img{ width: 100%; transition: .4s all;}
.inapp_lists:hover img{ transform:scale(1.1); }

.inapp_lists_txt{ position:absolute; right:0; top:0; left:0; background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); z-index: 20; text-align: right; left:0; padding:80px 85px 130px 0;}
.inapp_lists_txt h3{ font-size: 48px; font-weight: bold; color:var(--white); margin-bottom:18px;}
.inapp_lists_txt p{ font-size: 24px; font-weight: bold; color:var(--white); opacity: 0.5;}

.inapp_lists a{ display: block; position: absolute; right:85px; bottom:50px; z-index: 21;}
.inapp_lists a svg{ fill:var(--white); transition: .4s all; }
.inapp_lists a:hover svg{ fill:var(--hovercolor); }

.inabout{ background:var(--white); position: relative; }
.inabout_left{ flex:0 0 49%;}
.inabout_left img{ width:100%; height: 100%; object-fit: cover;}

.inabout_right{ flex:1; padding:115px 10% 295px 65px;}
.about_title{ margin-bottom: 45px;}
.about_title h3{ font-size: 46px; font-weight: bold; margin-bottom:20px; color:var(--color0); }
.about_title p{ font-size: 22px; color:#cccccc; margin-bottom:40px;}
.about_title::after{ content:""; display: block; width:83px; height:3px; background:var(--hovercolor); }
.about_cons{ font-size: 16px; color:#888888; line-height: 34px; margin-bottom:40px;}
a.seemore{ display: inline-block; border-radius: 50px; border:1px solid var(--hovercolor); padding:12px 35px; font-size: 14px; color:var(--hovercolor); transition:.4 all;}
a.seemore:hover{ background:var(--hovercolor); color:var(--white);}

.about_item{ position: absolute; left:0; right:0; bottom:60px; z-index: 22;}
.item_all{ background:#f5f5f5; border-bottom:3px solid var(--hovercolor); padding:40px 5px;}
.item_all li{ flex:0 0 25%; padding-left:6px; padding-right:6px;}
.item_list{ text-align: center;}
.item_list i{ display: block; margin-bottom:25px;}
.item_list i img{ max-height: 85px;}
.item_list h3{ font-size: 20px; font-weight: bold; color:var(--color0); }

.inpartner_bgs{ background:#f5f5f5; padding:120px 0 130px 0; }

.about_partner{ position:relative;}
.part_jt1,.part_jt{ background: var(--white); width:45px; height: 45px; text-align: center; line-height: 43px;}
.part_jt:nth-child(1){ transform: rotate(180deg);}

.part_jt1 svg,.part_jt svg{ fill:#aaaaaa !important; width: 2.4em; height: 2.4em;}
.part_jt1:hover svg,.part_jt:hover svg{ fill:Var(--hovercolor) !important;}
.partner_jt .swiper-button-next, .partner_jt .swiper-rtl .swiper-button-prev { right: 46.5% !important; top: auto !important; bottom: 5px !important; width:auto !important;}
.partner_jt .swiper-button-prev, .partner_jt .swiper-rtl .swiper-button-next {  left: 46.5% !important; top: auto !important;  bottom: 5px !important; width:auto !important; }
.swiper-grid-column>.swiper-wrapper { padding-bottom: 80px !important;}

.mySwiper6 .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #eeeeee) !important ; }
.mySwiper6 .swiper-pagination-bullet-active {  background: var(--swiper-pagination-color, var(--hovercolor)) !important;}
.slide11:nth-child(n){ margin-top: 30px !important;}
.slide12:nth-child(n){ margin-top: 30px !important;}

.honoreimgs{ border-radius: 0 30px 0 30px; overflow: hidden;}
.honoreimgs img{ width:100%; transition: .4s all; }
.honoreimgs:hover img{ transform:scale(1.1); }



.innews{ padding:140px 0 120px 0;}
.innews_tilte{ margin-bottom: 55px; align-items: end;}
.innews_tilte h2{ font-size: 46px; font-weight: bold; color:var(--color0); }
.innews_tilte h2 p{ font-size: 18px; color:#cccccc; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom:8px; }
 
.innews_main{ flex:0 0 45%; position: relative; overflow: hidden; }
.innews_main img{ width:100%; height: 100%; object-fit: cover; transition: .4s all; }
.innews_main:hover img{ transform:scale(1.1); }
.innews_main_text{ position: absolute; left:0; right:0; bottom:0; z-index: 24; padding:50px 55px 100px 60px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); color:var(--white);}
.innews_main_text time{ font-size: 14px; margin-bottom:20px;display: block;}
.innews_main_text h3 a{ font-size: 20px; margin-bottom:10px; font-weight: bold; line-height: 30px;color:var(--white);}
.innews_main_text h3 a:hover{color: var(--hovercolor);}
.innews_main>a{ position:absolute; right:55px; bottom:35px; z-index: 25; }
.innews_main>a svg{fill:var(--white);transition: .4s all;}
.innews_main>a:hover svg{fill:var(--hovercolor);}
.in_news_right{ flex:1; }
.in_news_right li{ flex:0 0 50%; padding-left:15px;}

.innews_imgs{ overflow: hidden;}
.innews_imgs img{ width:100%; height: 100%; object-fit: cover; transition: .4s all;}
.innews_list:hover .innews_imgs img{  transform: scale(1.1);}

.innews_list{ background: #f5f5f5;height: 100%; position: relative; }
.innews_text{ padding:40px 35px 100px 35px; }
.innews_text time{ font-size:14px; color:var(--color9); display: block;  margin-bottom:20px;}
.innews_text h3{ font-size:20px;  margin-bottom:20px; font-weight: bold; color:var(--color0); line-height: 30px; }
.innews_text p{ font-size:14px; line-height: 24px; color:var(--color6);overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}
.innews_list>a{ display: inline-block; position: absolute; right:30px; bottom:35px; z-index: 25;}
.innews_list>a svg{fill:var(--hovercolor); transition: .4s all;}
.innews_list>a:hover svg{fill:var(--color0);}



.footerbgs{ background:#1a1a1a; color:#ffffff; font-size: 15px; }
.footerbgs a{ color:var(--white); }
.footerbgs a:hover{ color:Var(--maincolor); }
.footer_alls{ padding:85px 0 75px 0;}
.footer_contact h3{ font-size: 26px; color:var(--white); margin-bottom:30px;}
.footer_contact h3 img{ height: 48px;}
.footer_contact_text{ color:var(--color9); line-height: 36px; font-size: 15px;}
.flogos_left{ flex:0 0 30%;}
.footer_right{ flex:0 0 12%; margin-left:10px; text-align: center; font-size: 14px;} 
.footer_right i{ display: block; margin-bottom:8px;}

.footer_lists{flex:1; margin-left:100px;   }
.footer_listnav{flex:0 0 25%;}
.footer_listnav dt{ font-size: 18px; color:var(--white); margin-bottom:30px; }
.footer_listnav dd{ line-height:36px; font-size: 15px; }
.footer_listnav dd a{ color:var(--color9);}


.copyright{ text-align:left; padding:45px 0; color:var(--color9); text-align: center; font-size: 14px; border-top:1px solid #343434;  }


.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;}





/*-----------------------------sub-------------------------------*/
.subbanner{ position: relative; text-align: right;}
.subbanner img{ width:100%;}
.banner_cons{ position:absolute; left:0; right:0; top:0; bottom:0; z-index: 26; display: flex; flex-direction: column; justify-content: center;  }
.banner_txt{ color:var(--white); padding-right:180px; width: 100%; }
.banner_txt h3{ font-size: 55px; font-weight: bold; margin-bottom:15px; }
.banner_txt .location{ font-size: 16px;  }
.banner_txt .location a{ color:var(--white); }
.banner_txt .location a:hover{ color:var(--hovercolor); }

.subnav_line{ border-bottom:1px solid #e5e5e5; }
.subnavs_list{ }
.subnavs_list li{ margin-right:1px;}
.subnavs_list li a{ display: block; font-size: 16px; color:var(--color0); transition: .4s all; padding:25px 30px;}
.subnavs_list li a:hover,.subnavs_list li.cur a{ background:var(--hovercolor); color:var(--white); }


.about_content{ padding:120px 0 120px 0;}
.about_profile_text{ flex:1; margin-right:70px; }
.prosfile_title{ margin-bottom:50px; }
.prosfile_title h3{ font-size: 36px; font-weight: bold ; margin-bottom:5px; color:var(--color0); }
.prosfile_title p{ font-size: 22px; color:#cccccc; font-family: Arial, Helvetica, sans-serif; font-weight: normal;  }

.profile_txt{ font-size: 16px; line-height: 34px;}
.profile_txt p{ margin-bottom:20px;}

.about_profile_img{ flex:0 0 42%; padding:32px 32px 0 0; background: url("../images/about_probgs.png") right top no-repeat;}
.about_profile_img img{ width:100%; border-radius: 5px;}

.culture_bg{ background: url("../images/aboutbgs.jpg") center center no-repeat; background-size: cover; padding:100px 0 120px 0;}
.culture_title{ margin-bottom:60px; text-align: center; }
.culture_title h3{color:var(--white); font-size: 48px; font-weight: bold; margin-bottom:15px;  }
.culture_title p{color:var(--white); font-size: 16px;  }

.culture_all li{ flex:0 0 25%; padding:0 15px; text-align: center; color:var(--white); }
.culture_all li i{ display:block; margin:0 auto 30px auto; background: var(--white); width:175px; height:175px; line-height:175px; border-radius:100px; }
.culture_all li h3{ font-size: 24px; font-weight: bold; margin-bottom:15px; }
.culture_all li .culture_txt{ font-size: 16px; line-height: 32px; }

.develop_bgs{ padding:115px 0 260px 0; background:url("../images/aboutbgs1.jpg") center bottom no-repeat #f6faff;}

.developslist{ position: relative;}

.fzlc_list{ }
.fzlc_list dt{ font-size:38px; color:var(--hovercolor); padding-bottom:60px; position:relative; }
.fzlc_list dt h3{padding:0 0 0 10px;font-weight:bold; font-size:48px;  }
.fzlc_list dt::before{ content:""; display:block; position:absolute; left:0; right:0; height: 1px; background:var(--hovercolor); bottom:30px; z-index: 2;}
.fzlc_list dt::after{ content:""; display:block; position:absolute; left:30px; width:16px; height: 16px; border:11px solid var(--hovercolor); background:var(--white); bottom:10px; border-radius: 50px; z-index: 5;}
.fzlc_cons{margin-left:48px;  padding:20px 10px 30px 30px; line-height: 22px; font-size:16px; position:relative; color:var(--color0); }
.fzlc_cons::after{ content:""; display:block; position:absolute; left:0; top:-20px; width:1px; height: 100%; background:linear-gradient(to bottom,rgba(0,109,184,1),rgba(0,109,184,0));}
.fzlc_cons p{ margin-bottom:20px; }

.swiper12{ padding:55px 0 0 0; margin:0 58px; overflow: hidden;}
.swiper12 .swiper-button-next, .swiper12 .swiper-button-prev {  width:50px !important;}
.develop_jt{ width:50px; height:50px; border:2px solid var(--hovercolor); background-color: var(--white); border-radius:100px; text-align: center; line-height:46px; }
.develop_jt svg{ fill:var(--hovercolor); }

.honor_bgs{ min-height: 640px; padding:120px 0 10px 0;}
.honor_cons{ background: var(--white); padding:44px 35px 60px 35px; box-shadow: 0 0 13px rgba(0,0,0,0.2); max-width: 480px; border-radius: 10px;}
.honor_title{ margin-bottom:40px; text-align: center; }
.honor_title h3{ font-size: 36px; font-weight: bold; margin-bottom:8px; color:var(--color0); }
.honor_title p{ font-size: 14px; color:#aaaaaa; font-family: Arial, Helvetica, sans-serif;   }

.honor_all{border-top:1px solid #e9e9ea; padding:40px 0 0 0;  }
.honor_all li{text-align: center;  flex:0 0 30%;}
.honor_all li strong{ display: block; font-size: 46px; color:var(--hovercolor); margin-bottom:6px; }
.honor_all li p{ font-size: 15px; color:var(--color6); }

.manufu_bgs{ background: url("../images/aboutbgs3.jpg") center top no-repeat; background-size: cover; padding:100px 0 145px 0; }
.manufu_all{ margin-left:-25px; margin-right:-25px;}
.manufu_all li{ flex:0 0 25%; padding-left:25px; padding-right:25px; margin-bottom:45px; }
.manufu_list { background:var(--white); border-radius: 10px; padding:50px 10px 50px 10px; height: 100%; text-align: center; box-shadow: 0 0 13px rgba(0,0,0,0.15); }

.manufu_list i{ display: block; margin-bottom:30px; }
.manufu_list i img{ max-height: 77px; }
.manufu_list h3{ font-size: 30px; font-weight: bold; margin-bottom:10px; color:var(--color0); }
.manufu_list h3 span{ font-size: 48px; }
.manufu_list h3 sup{ font-size: 18px; }
.manufu_list p{ font-size: 16px; color:var(--color6); line-height: 30px;}


.manufu_sec_left{ flex:0 0 38%;}
.manufu_secbg{ background:var(--white); border-radius: 10px; padding:10px 10px; box-shadow: 0 0 13px rgba(0,0,0,0.15); height: 100%; overflow: hidden; text-align: center; }

.manufu_sec_right{ flex:0 0 59%; }

.sales_con{ padding:110px 0 50px 0; }
.sales_map{  min-height: 704px; background: url("../images/aboutmap.png") right top no-repeat;  text-align: right; position: relative; }
.sales_text{ text-align: left; background: rgba(255,255,255,0.8); position: absolute; left:0; top:10px; z-index: 80; border-radius: 10px; padding:45px 50px 10px 50px; box-shadow: 0 0 13px rgba(0,0,0,0.1); max-width: 500px; }
.sales_title{ font-size: 24px; font-weight: bold; color:var(--hovercolor); margin-bottom:25px; }
.sales_file{ font-size: 15px; line-height: 32px; color:var(--color3); margin-bottom:30px; }


.sales_dot i{ position:absolute;  z-index: 80; width:14px; height:14px; border-radius: 50px;background: var(--hovercolor); border:3px solid var(--white); box-shadow: 0 0 5px rgba(0,75,238,0.5); transition: .4s all;  }
.sales_dot h3{ display: none; position:absolute; z-index: 180; background:var(--hovercolor); font-size: 20px; padding:8px 27px; border:3px solid var(--white); color:var(--white); border-radius: 10px; }

.shenzhen i{ right:290px; top:350px; }
.shenzhen h3{ right:290px; top:293px; }
.shenzhen:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.shenzhen:hover h3{ display: block; }

.xuzhou i{ right:260px; top:308px; }
.xuzhou h3{ right:260px; top:252px; }
.xuzhou:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.xuzhou:hover h3{ display: block; }

.taoyuan i{ right:260px; top:339px; }
.taoyuan h3{ right:260px; top:284px; }
.taoyuan:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.taoyuan:hover h3{ display: block; }

.yuenan i{ right:320px; top:355px; }
.yuenan h3{ right:320px; top:300px; }
.yuenan:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.yuenan:hover h3{ display: block; }

.taiguo i{ right:339px; top:380px; }
.taiguo h3{ right:339px; top:325px; }
.taiguo:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.taiguo:hover h3{ display: block; }

.banjialuoer i{ right:419px; top:382px; }
.banjialuoer h3{ right:419px; top:328px; }
.banjialuoer:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.banjialuoer:hover h3{ display: block; }

.malaixiya i{ right:343px; top:415px; }
.malaixiya h3{ right:333px; top:360px; }
.malaixiya:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.malaixiya:hover h3{ display: block; }

.xinjiabo i{ right:331px; top:433px; }
.xinjiabo h3{ right:206px; top:399px; }
.xinjiabo:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.xinjiabo:hover h3{ display: block; }

.nixinya i{ right:322px; top:446px; }
.nixinya h3{ right:92px; top:429px; }
.nixinya:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.nixinya:hover h3{ display: block; }

.huzhiming i{ right:314px; top:393px; }
.huzhiming h3{ right:294px; top:330px; }
.huzhiming:hover i{ background: var(--white); border:3px solid var(--hovercolor); }
.huzhiming:hover h3{ display: block; }

.contact_con{ padding:75px 0 95px 0; }
.contact_infor{ background: #f5f5f5; align-items: center; }
.contact_txt h3{ font-size: 30px; margin-bottom: 25px; color:var(--color0); }
.contact_ny{ font-size: 15px; line-height: 38px; color:var(--color6); }
.contact_txt{ flex:1; padding:20px 88px 20px 85px; }
.maps{ flex:0 0 50%;}


.contact_bgs{ background:#f5f5f5; }
.contact_feedback{ padding:100px 0 135px 0; }

.jobs_con{ padding:70px 0 60px 0;}
.job_list{ margin-bottom:50px; }
.ser_cons {  margin-bottom: 10px; } 
.ser_cons dt {  padding: 13px 15px;  background: #f7f7f7;  color: #4d4c4c;  font-size: 16px;  display: flex;  justify-content: flex-start;  align-items: center;  cursor: pointer; transition: .4s all; } 
.ser_cons dt i {  display: block; width: 31px; height: 31px;    border-radius: 50px;  position: relative;  margin-right: 10px; } 
.ser_cons dt i::before {   content: ""; position: absolute; left: 8px; top: 14px; width: 13px; height: 1px; background: #888888; z-index: 2; } 
.ser_cons dt i::after { content: "";  position: absolute; left: 14px;  top: 8px; width: 1px; height: 13px;  background: #888888;  z-index: 3; } 
.ser_cons dt:hover i::before, .ser_active dt i::before { background: var(--white);  } 
.ser_cons dt:hover i::after { background: var(--white);}
.ser_cons dt:hover, .ser_active dt { background: var(--hovercolor); color:var(--white); } 
.ser_active dt i::after { display: none; } 
.ser_cons dd { display: none; padding: 45px 20px 50px 34px; font-size: 15px; font-weight: lighter; color: var(--color6); line-height: 32px; } 
.ser_cons dd p { margin-bottom: 20px; }

a.job_a{ display: inline-block; border:1px solid var(--hovercolor); border-radius: 5px; padding:6px 40px; color:var(--hovercolor);}
a.job_a:hover{ background:var(--hovercolor); color:var(--white);}

.application_con{ padding:105px 0 125px 0;}
.appli_con{ margin-bottom:50px; }
.appli_left{ flex:1; margin-right:75px; }
.appli_left h3{ font-size: 40px; font-weight: bold; color:var(--color0); margin-bottom:30px; }
.appli_text{ font-size: 16px; line-height: 36px; color:var(--color6);  }
.appli_text p{ margin-bottom:20px;}

.appli_right{ flex:0 0 46%; }
.appli_right img{width:100%;}

.applititle{ background: #f5f5f5; height: 55px;}
.applititle strong{ display: inline-block; font-size: 18px;  padding:0 40px; background: var(--hovercolor); color: var(--white); height: 55px; line-height: 55px;}

.appli_all{ font-size: 15px; color:var(--color6); line-height: 36px; padding:75px 0 0 0; }
.appli_all p{ margin-bottom:20px;}

.appli_ul{ margin-left:-15px; margin-right:-15px;}
.appli_ul li{ padding-left:15px; padding-right:15px; margin-bottom:30px; flex:0 0 20%; }

.appli_img{ border-radius: 10px; overflow: hidden; margin-bottom:20px; }
.appli_img img{ width:100%;}
.appli_article h3{ text-align: center; font-size: 16px; color:var(--color6); line-height: 30px;}

.news_ul{ margin-bottom:50px;}
.news_ul li{ padding:30px 0;  border-bottom:1px solid #ebebeb; transition: .4s all;}
.news_ul li:nth-child(1){ padding-top:0 !important;}
.news_ul li:hover{background: #f5f5f5;}

.news_list{ align-items: center;}
.news_imgs{ flex:0 0 248px; border-radius: 10px; overflow: hidden; }
.news_imgs img{ width:100%; transition: .4s all; }
.news_list:hover .news_imgs img{ transform: scale(1.1); }
.news_cons{ flex:1; margin:0 70px 0 45px;}
.news_cons h3{ font-size: 20px; font-weight: bold; color:var(--color0); margin-bottom:20px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; transition: .4s all;}
.news_list:hover .news_cons h3{ color:var(--hovercolor);}
.news_cons p{ font-size: 15px; color:var(--color9); line-height: 30px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; }
.news_time{ flex:0 0 15%; text-align: center; color:var(--color0); height: 100%; border-left:1px solid #cccccc; }
.news_time strong{ display: block; font-size: 60px;}
.news_time span{ display: block; font-size: 16px;}

.pros_ul{ margin-left:-25px; margin-right:-25px; margin-bottom:20px; }
.pros_ul li{ padding-left:25px; padding-right:25px; margin-bottom:50px; flex:0 0 33.33%; }

.pros_all{ background:#f8f8f8; box-shadow: 0 0 15px rgba(0,0,0,0.01); padding:20px 40px 60px 40px; text-align: center;}
.pros_imgs{ margin-bottom:25px; overflow: hidden; }
.pros_imgs img{ width:100%; transition: .4s all; }
.pros_all:hover .pros_imgs img{ transform: scale(1.1); }
.pros_text{ border-top:1px solid #eeeeee; padding:35px 5px 0 5px; } 
.pros_text h3{ font-size: 18px;  color:var(--color0); margin-bottom:10px; transition: .4s all;}
.pros_all:hover .pros_text h3{ color: var(--hovercolor);}
.pros_text p{ font-size: 15px; color:var(--color9); line-height: 26px;}

.pros_main{ margin-bottom:85px; } 
.pros_main_left{ flex:0 0 42%; width: 42%; }
.pros_main_right{ flex:1; margin-left:75px; }
.pros_main_right .h3{ font-size: 48px; font-weight: bold; color:var(--color0); margin-bottom:20px; padding-top:20px;}
.pros_main_right .span{ display: block; font-size: 18px; color: var(--color6); padding-bottom: 40px; border-bottom:1px solid #e5e5e5; }
.pros_main_infor{ padding:40px 0 0 0; line-height: 40px; font-size: 16px; color:var(--color6);}

.pros_dcon{ font-size: 16px; color:var(--color6); line-height: 36px; margin-bottom:50px;}
.pros_dcon h3{ font-size: 30px; font-weight: bold; margin-bottom:30px; color:var(--color0);}


.detail_bimg{ padding:0px 0; position:relative; }
.mySwiper22{ border:1px solid #dddddd;}
.mySwiper22 img{ width:100%;}





.goback{padding:15px 0; text-align: right;}
.goback a{ display:inline-block; background:#f1f1f1; padding:10px 30px;  color:var(--color6); ;}
.goback a:hover{ background:var(--hovercolor);color:var(--white);}





.img596,.img265,.img125,.img445,.img250{width:100%; display:block; object-fit:cover;}
.img596{ height: 596px;}
.img265{ height: 265px;}
.img704{ height: 704px;}
.img125{ height: 125px;}
.img250{ height: 250px;}

.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;}

.mb_menu_close{ display:none; position:fixed; top:3%; right:4%; z-index: 1502; cursor:pointer;}


#bgimg span{ cursor: pointer;}
#bgimg span img{ width:100%; object-fit: cover;}
.bigimg_sd{ background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; right:0; bottom:0; z-index: 1001;}
.bigimg_img{ max-width:1002px; margin:30px auto 0 auto; height:100%; text-align: center; margin-bottom:10px; padding:0 10px; overflow-y: auto;}
.bigimg_img img{ width:100%; max-height:100% ;}
.big_close{ text-align:center; padding-top:10px;}
.bigimg_sd{ display:none;}

.p_contact{ padding:50px 0 20px 0}
a.pcon_a{ border:1px solid var(--hovercolor); display: inline-block; padding:5px 45px; font-size: 14px; color: var(--hovercolor); border-radius: 80px; transition: .4s all; }
a.pcon_a:hover{ background: var(--hovercolor); color:var(--white);}
.in_pcur{ text-align: left !important;}
.in_pcur img {    
    height: 300px;
}


.mbbanner_img{ display: none;}


/*-------------------------------------*/

@media screen and (max-width:1955px){


}

@media screen and (max-width:1700px){
   



 }


@media screen and (max-width:1610px){     
    



 }
 @media screen and (max-width:1610px){   
   

   }

 @media screen and (max-width:1550px){
.allwidth{ margin-left:10%; margin-right:10%;}
.allwidthp{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}
   
.banner_cons { right: 100px;}

.in_pcur img {  height: 225px;}
.inmainpros_txt h3 { font-size: 24px;}
.inapp_lists_txt h3 {  font-size: 40px;  margin-bottom: 15px; }
.intitle1 h3 { font-size: 42px;  margin-bottom: 15px; }
.inabout_right { padding: 70px 10% 295px 65px; }
.about_title h3 {  font-size: 42px; margin-bottom: 12px;}
.about_cons {     font-size: 15px; line-height: 34px; margin-bottom: 30px; }
.about_title {  margin-bottom: 30px; }
.about_title p {  margin-bottom: 30px; }
.innews_tilte h2 {  font-size: 42px;}
.culture_title h3 {   font-size: 45px;}
.culture_title h3 {  font-size: 42px;}
.inpros_main {  padding: 55px 5px 10px 5px; }
.pros_main_right h3 { font-size: 37px;  padding-top: 10px; }
.banner_txt h3 {  font-size: 50px;}




 }
@media screen and (max-width:1360px){    

   /* .swiper12 .swiper-button-prev {  left: 45.8%;  }
    .swiper12 .swiper-button-next { right: 45.8%;  }*/
    
    .header_right { margin-left: 15px;}
    .item_text h3 {  font-size: 20px;}




}

@media screen and (max-width:1236px){
    .innavs>li { padding: 0px 20px;}
    .inmainpros_txt p {  font-size: 14px;}
    .inmainpros_txt h3 { font-size: 22px;}
    .inmainpros_txt1 h3 {  font-size: 24px;}
    .inmainpros_txt1 p {  font-size: 14px;}
    .inpros_list a { right: 24px; bottom: 24px;}
    .inmainpros_txt { right: 26px; top: 35px; }
    .inapp_lists_txt h3 {  font-size: 38px;}
    .inapp_lists_txt p { font-size: 20px;}
    .inapp_lists_txt {  padding: 50px 35px 130px 0; }
    .inapp_lists a {  right: 35px; bottom: 30px;}
    .about_profile_img {  flex: 0 0 53%;}
    .pros_main_right h3 {   font-size: 30px; margin-bottom: 15px;  padding-top: 15px; }
    .pros_main_right span { font-size: 16px !important; padding-bottom: 25px;}
    .contact_txt {  padding: 25px 38px 21px 35px; }


}
@media screen and (max-width:1105px){
    .innavs>li {   padding: 0px 10px;  }
    .header_right {  flex: 0 0 190px;}
 

}

@media screen and (max-width:1100px){
   
.allwidth{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidthp{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}




}

@media screen and (max-width:1005px){
    
    

}


@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;}
   .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 #cccccc;  }
   .mb_menulist>li>div{ display:flex; justify-content:space-between; padding:14px 5px;  }
   .mb_menulist>li>div>a{  font-size:16px; color:var(--color3);}
   .mb_menulist>li>div>a svg{ fill:var(--color6);}
   .mbnavs_sec{ display:none; background:#f1f1f1; padding:10px 0;  }
   .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:0px solid #dddddd;  }
   .mbnavs_sec>li>div>a{ color:var(--color6);}
   .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: 38px; }

   .inapp_lists_txt h3 {  font-size: 28px; margin-bottom: 10px; }
   .inapp_lists_txt p {  font-size: 18px; }
   .inapp_lists a { right: 26px;}
   .inabout_left {  flex: 0 0 100%; }
   .inabout_right {  padding: 55px 4% 315px 4%; }
   .about_title h3 { font-size: 26px;  margin-bottom: 10px;}
   .about_title p { font-size: 14px; margin-bottom: 20px;}
   .about_cons { font-size: 14px; line-height: 26px; margin-bottom: 26px; }
   
   .footer_lists,.footer_right{ display: none;} 
   .flogos_left { flex: 0 0 100%; }
   .innews_text { padding: 20px 15px 95px 15px; }
   .innews_main_text { padding: 50px 20px 90px 30px;}
   .banner_txt h3 {  font-size: 36px; margin-bottom: 10px; }


   .about_content { padding: 50px 0 50px 0; }
   .about_profile_text { margin-right: 0; margin-bottom: 20px; }
   .about_profile_img {  flex: 0 0 100%;  }
   .prosfile_title h3 {  font-size: 28px; margin-bottom: 10px;}
   .prosfile_title { margin-bottom: 15px; }
   .profile_txt { font-size: 14px; line-height: 24px; }
   .about_profile_img {  background-size: 50%; }
   .culture_bg { padding: 50px 0 50px 0; }

   .culture_title h3 { font-size: 26px;  margin-bottom: 10px; }
   .culture_title p { font-size: 14px; }
   .culture_all li i { margin: 0 auto 20px auto; width: 100px; height: 100px; line-height: 100px;}
   .culture_all li i img{ width: 60%;}
   .culture_all li h3 { font-size: 18px; margin-bottom: 8px; }
   .culture_all li .culture_txt { font-size: 14px; line-height: 22px; }
   .culture_all li { flex: 0 0 50%;  margin-bottom: 20px;}
   .develop_bgs {  padding: 50px 0 50px 0; background-size: 80%;}
   .fzlc_list dt h3 { font-size: 36px; }
   .swiper-button-next, .swiper-button-prev { top: 44% !important;}
   .fzlc_list dt::after {  left: 37px; width: 9px; height: 9px; border: 7px solid var(--hovercolor); bottom: 20px;}
   .honor_bgs {  background: #f5f5f5; min-height: 564px; background-position-y: bottom !important; background-size: 146% auto !important; padding: 50px 0 40px 0;}
   .honor_cons {  padding: 40px 25px 50px 25px;}
   .honor_title h3 { font-size: 26px;}
   .honor_title {  margin-bottom: 20px;}
   .honor_all { padding: 25px 0 0 0; }
   .honor_all li p { font-size: 13px;}
   .manufu_bgs {   padding: 50px 0 45px 0; }
   .culture_title { margin-bottom: 30px;}
   .manufu_all{ margin-left:-10px; margin-right:-10px;}
   .manufu_all li { flex: 0 0 25%;  padding-left: 10px;  padding-right: 10px;  margin-bottom: 20px; }
   
   .pros_ul{ margin-left:-5px; margin-right:-5px;}
   .pros_ul li {  padding-left: 5px; padding-right: 5px; margin-bottom: 10px;}
   .pros_all {  padding: 15px 15px 30px 15px;}
   .pros_text { padding: 20px 5px 0 5px; }
   .pros_text h3 { font-size: 15px; margin-bottom: 8px; }
   .pros_text p { font-size: 13px; color: var(--color9); line-height: 24px; }
   .pros_main_infor { padding: 25px 0 0 0; line-height: 36px; font-size: 14px;}
   .news_imgs { flex: 0 0 180px; }
   .news_cons { margin: 0 35px 0 25px; }
   .news_cons h3 { font-size: 18px; margin-bottom: 10px;}
   .news_time strong { font-size: 50px; }
   .news_time span { font-size: 14px;}
   .news_cons p {  font-size: 14px;  line-height: 24px;}
   .application_con {  padding: 45px 0 55px 0; }
   .appli_left { margin-right: 0;  margin-bottom: 20px;}
   .appli_right { flex: 0 0 100%; }
   .contact_txt h3 { font-size: 22px;  margin-bottom: 15px;}
   .contact_ny {   font-size: 14px; line-height: 24px;}
   .contact_con { padding: 45px 0 45px 0; }
   .contact_feedback { padding: 50px 0 55px 0; }
   .intitle1 h3 { font-size: 30px; margin-bottom: 10px; }
   .intitle1 p {  font-size: 14px;}
   


}



@media screen and (max-width:780px){
    .inpros_main { flex: 0 0 100%;  padding: 20px 5px 60px 5px;}
    .inpros_all {  flex: 0 0 100%; }
    .inmainpros_txt h3 { font-size: 16px; }
    .inmainpros_txt p {  font-size: 12px; }
    .inpros_list a {  bottom: 15px; }
    .inpros_list {  padding: 120px 10px 50px 10px; }
    .inapp_all li { flex: 0 0 100%;}
    .inapp_lists_txt { padding: 30px 29px 75px 0; }

    .inapplications {  padding: 45px 0 50px 0; }
    .intitle1 h3 { font-size: 26px;  margin-bottom: 6px; }
    .intitle1 p { font-size: 14px;}
    .intitle1 {  margin-bottom: 25px; }
    .item_list h3 {  font-size: 16px;}
    a.seemore {  padding: 10px 26px;  font-size: 12px;}
    .item_list i img { max-height: 55px;  }
    .item_list h3 { font-size: 14px;}
    .item_list i { margin-bottom: 15px; }
    .item_all { padding: 15px 2px; }
    .inabout_right {  padding: 55px 4% 215px 4%;  }
    .about_item {  bottom: 35px;}

    .inpartner_bgs { padding: 40px 0 50px 0; }

    .partner_jt .swiper-button-next, .partner_jt .swiper-rtl .swiper-button-prev { right: 34.5% !important;}
    .partner_jt .swiper-button-prev, .partner_jt .swiper-rtl .swiper-button-next { left: 35.5% !important;}

    .innews {   padding: 40px 0 50px 0;  }
    .innews_tilte h2 p { font-size: 14px;  margin-bottom: 5px; }
    .innews_tilte { margin-bottom: 25px;}
    .innews_tilte h2 {  font-size: 24px;}
    .innews_main {  flex: 0 0 100%;   margin-bottom: 15px;}
    .innews_main_text {  padding: 50px 15px 90px 30px;}
    .innews_text { padding: 20px 20px 95px 20px; }
    .in_news_right li {  flex: 0 0 100%; padding-left: 0; margin-bottom: 15px;  }
    .footer_alls {  padding: 40px 0 30px 0; }

    .footer_contact h3 {  margin-bottom: 15px;  }
    .footer_contact h3 img{ max-height: 45px; }
    .footer_contact_text { line-height: 26px; font-size: 13px;}
    .copyright { padding: 25px 0; font-size: 13px;}
    .copy_l{ flex:0 0 100%; margin-bottom:10px; }
    .copy_r{ flex:0 0 100%; text-align: center;}

    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px)) !important;
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px)) !important;}
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom: 5px !important;
        }
    .banner_jt svg { width: 1.5em;}
    .inpros_list a { font-size: 12px;  }
    .inmainpros_txt1 a {  font-size: 12px;  padding: 9px 26px;}

    .banner_txt{ display: none; }
    .subnavs_list li a { font-size: 14px; padding: 10px 14px; }

    
   .manufu_all{ margin-left:-5px; margin-right:-5px;}
   .manufu_all li { flex: 0 0 50%;  padding-left: 5px;  padding-right: 5px;  margin-bottom: 10px; }
   .manufu_list { padding: 15px 8px 25px 8px;}
   .manufu_list i img { max-height: 55px; }
   .manufu_list h3 { font-size: 16px; margin-bottom: 0px;}
   .manufu_list h3 span {  font-size: 34px; }
   .manufu_list p { font-size: 14px; line-height: 24px; }
   .manufu_sec_left { flex: 0 0 100%; margin-bottom: 10px; }
   .manufu_sec_right { flex: 0 0 100%; }
   .sales_con { padding: 50px 0 0px 0; }
   .sales_map { min-height:650px;  background: url(../images/aboutmap1.png) right bottom no-repeat; background-size: 100%;}
   .sales_dot{ display: none;}
   .sales_text { width: 100%; }
   .sales_text { padding: 25px 25px 10px 25px;}
   .sales_title { font-size: 20px; margin-bottom: 10px; }
   .sales_file {  font-size: 14px; line-height: 26px; margin-bottom: 20px; }
   .prosfile_title h3 {  font-size: 24px;}
   .prosfile_title p { font-size: 16px;}
    .pros_ul li { flex: 0 0 50%; }
    .jobs_con {  padding: 35px 0 40px 0; }
    .pros_main_left {  flex: 0 0 100%; width: 100%; margin-bottom:20px;  }

    .pros_main_right {  margin-left: 0; }
    .pros_main_infor { line-height: 24px;}

    .pros_main { margin-bottom: 40px; }
    .pros_dcon { font-size: 14px;  line-height: 26px; margin-bottom: 40px; }
    .pros_dcon h3 {  font-size: 22px; margin-bottom: 15px;}

    .other_news li { flex: 0 0 100%; height: 40px;line-height: 40px; }
    .other_news li:nth-child(1) {  padding-right: 0px; border-right: 0px solid var(--white); border-bottom:1px solid var(--white); }
    .other_news li:nth-child(2) { padding-left: 0px; text-align: left; }
    .pros_main_right h3 { font-size: 22px;}
    .pros_main_right span { font-size: 14px !important;}
    .news_imgs {  flex: 0 0 28%;  }
    .news_time strong {  font-size: 28px;  }
    .news_time span { font-size: 12px;  }
    .news_time { flex: 0 0 17%;}
    .news_cons { margin: 0 15px 0 10px; }
    .news_cons h3 {  font-size: 15px; margin-bottom: 5px; }
    .news_cons p {   font-size: 12px; line-height: 20px; }
    .news_ul li {  padding: 15px 0;}
    .news_dtitle { font-size: 24px; padding: 0px 0 15px 0}
    .news_dspan { font-size: 13px;  margin-bottom: 25px;}
    .news_content { line-height: 24px; font-size: 14px; margin-bottom: 30px;  padding: 25px 5px 0 5px; }
    .appli_left h3 {  font-size: 30px; margin-bottom: 10px; }

    .appli_text {   font-size: 14px; line-height: 26px;    }
    .applititle strong { font-size: 16px; padding: 0 20px; height: 40px; line-height: 40px; }
    .applititle {  height: 40px;  }
    .appli_all { font-size: 14px; line-height: 24px; padding: 25px 0 0 0; }
    .appli_ul { margin-left: -5px; margin-right: -5px;}
    .appli_ul li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px;  flex: 0 0 33.3%; }
    .appli_img {  margin-bottom: 5px;  }
    .appli_article h3 {  font-size: 14px;  line-height: 24px;}

    .maps {  flex: 0 0 100%; }
    .in_feedback_list li:nth-child(-n+2) { flex: 0 0 100%; }
    .feedback_btm{ width: 100%;} 
    .in_feedback_list li {  margin-bottom: 10px;}

    .ser_cons dt {  padding: 5px 10px;  font-size: 14px;}
    .ser_cons dt i { margin-right: 0px; }
    .ser_cons dd { padding: 25px 15px 30px 20px; font-size: 14px;  line-height: 24px; }
    a.job_a { padding: 6px 25px;}
    .job_list {  margin-bottom: 30px; }

    .in_pcur img {  height: auto;}
    .pros_main_right h3 {   font-size: 26px !important;margin-bottom: 15px !important; }

    .pcbanner_img{ display: none;}
    .mbbanner_img{ display: block;}

}

@media screen and (max-width:640px){
    .inmainpros_txt {  right: 15px;  top: 20px; }
    .inpros_list a {  right: 15px;}
    .item_list h3 { font-size: 12px; }
    .innews_main_text {  padding: 50px 15px 65px 25px; }
    .innews_main_text h3 {  font-size: 16px; margin-bottom: 0; line-height: 26px; }
    .innews_main a {  right: 12px; bottom: 12px;}
    .innews_list a { right: 12px; bottom: 12px;}
    .innews_text {  padding: 20px 20px 70px 20px;  }
    .innews_text time { font-size: 13px; margin-bottom: 6px; }
    .innews_text h3 { font-size: 16px; margin-bottom: 3px;}
    .innews_text p {  font-size: 13px; line-height: 22px;}
    .inapp_lists_txt h3 { font-size: 24px;}
    .inapp_lists_txt p { font-size: 15px;  }

    


}


@media screen and (max-width:550px){
    
   
   

}


@media screen and (max-width:450px){    
    

}


@media screen and (max-width:390px){
  

}