@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:#086bb8;
    --hovercolor:#1a65a0;
    --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(--color9);}
input::placeholder{ color:var(--color9);}
.allwidth{ max-width:1600px; margin-left:auto; margin-right:auto;}
.allwidthp{ max-width:1600px; margin-left:auto; margin-right:auto;}
.allwidthb{ max-width:1400px; 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, 9px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px)) !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:15px; color:var(--color3); margin-bottom:70px; padding:30px 0 0 0; }
.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 h3{ font-size:36px; font-weight:bold; color:var(--color0);}
.about_con span{font-size:16px; }
.about_con p{ margin-bottom:20px; line-height:26px;}

/*-------------------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:34px;padding: 0px 0 10px 0; color:var(--color0);}
.news_dspan {  font-size: 14px; font-weight: normal; margin-bottom:10px; color:var(--color9);}
.other_news li {  flex:1; background: #f5f5f5; padding: 18px 20px; }
.other_news li:nth-child(1) { margin-right:1px; }
.other_news li:nth-child(2) {  margin-left:2px; 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 a:hover{ color:var(--hovercolor);}


/*---------------------------main-------------------------------*/
.header_con{ position:-webkit-sticky; position: sticky; top:0; z-index: 109; background: var(--white); border-bottom:1px solid #eeeeee; }
.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:10px 0px; }
.logos>a>img{ max-height: 64px;}
.header_mb{ display:none; position:absolute; right:2%; top:20px;}

.header_right{ flex:0 0 50%; align-items: center;}
.innavs{ flex:1; margin-right:30px; align-items: center; justify-content: flex-end;  }
.innavs>li{ flex:1;   }
.innavs>li>a{ display:block; color:var(--color0); font-size:16px; padding:30px 10px; transition:.4s all; font-weight: normal; text-align: center; }
.innavs>li:hover>a,.innavs>li.cur>a{ color:var(--hovercolor);    }
.innavs_sec_con{ position:absolute; left:0; top:82px; width:100%; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all; background:var(--white);  box-shadow: 0 0 13px rgba(0,0,0,0.1);}
.innavs_sec{ background:rgba(255,255,255,0.96); border-radius:0 0 0px 0px; margin-top:10px; padding:45px 0 35px 0; margin-left:-35px; margin-right:-35px; }
.innavs_sec>li{ flex:0 0 20%; padding-left:35px; padding-right:35px; margin-bottom:55px; }
.innavs_sec>li>a{ color:var(--color0);display:block;  font-size:18px; padding:8px 0 15px 0; border-bottom:1px solid #e6e6e6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}
.innavs_sec>li>a:hover{ color:var(--hovercolor); }

.innavs_three_con{  width:100%; overflow:hidden; transition:.2s all; }
.innavs_three{ padding-top:15px;}
.innavs_three>li>a{ color:#777777;display:block; font-size:14px; padding:8px 0; transition: .4s all;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; }
.innavs_three>li>a:hover{ background:var(--hovercolor) !important; color:var(--white) !important; padding-left:10px;}
a.inpros_more{ color:var(--hovercolor) !important;}

.innavs>li:hover .innavs_sec_con{ opacity: 1; height: auto; overflow: visible; }
.top_rights{ font-size:12px; color:var(--color6); position:relative;}

.lanuage{  margin-left:50px; }
.lanuage a{ display: block; color:var(--color9); transition: .4s all;width:30px; height:30px; line-height: 30px; border:1px solid #999999; text-align: center; border-radius: 50px;}
.lanuage a:hover{ color:var(--white); background: var(--hovercolor); border-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_jt21 svg{ fill:var(--color6); width:2em; transition: .4s all;}
.banner_jt21 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; }
.ban_text{ height: 100%; background:Var(--white); border-radius: 10px; padding:10px 13px; align-items: center; overflow: hidden; position: relative; }
.ban_text::after{ content:""; display: block; position: absolute; left:0; bottom:0; width: 0; height: 3px; background: var(--hovercolor); transition: .4s all; }
.ban_text:hover::after{ width: 100%;}
.ban_text_ico{ flex:0 0 26%;}
.ban_text_con{ flex:1; margin-left:5px;  }
.ban_text_con h3{ font-size: 22px; color:var(--color0); font-weight: bold;}
.ban_text:hover .ban_text_con h3{  color:var(--hovercolor); transition: .4s all; }
.ban_text_con p{ font-size: 15px; color:var(--color6); }
.ban_text:hover .ban_text_con p{ color:var(--hovercolor);transition: .4s all; }
.mb_casebgs{ background: #f5f5f5; padding:30px 0; display: none;}

.in_searchs{display:none; position:absolute; right:0; top:31px; width:250px; z-index: 78;}
.search_cons{ background:var(--white); align-items:center; box-shadow: 0 0 6px rgba(0,0,0,0.1);  }
.search_cons i{ display:inline-block; flex: 0 0 15px;}
.search_cons input[type="text"]{ flex:1; border:0; padding:0 3%;}
.search_submit{ border:0; background:var(--maincolor); border:0; color:var(--white);height: 40px; flex:0 0 65px; cursor:pointer; }
.search_click{ color:var(--hovercolor) !important;}

.in_search{ padding:55px 0 50px 0; }
.in_search_con{ border:1px solid #e3e3e3; background:#f6f6f6; height: 45px; border-radius: 100px; padding:0 10px 0 20px; overflow: hidden; align-items:center; }

.header_tel{ position: relative;}
.insearch_op>svg{ fill:#afafaf; width: 1.6em;height: 1.6em; cursor: pointer; transition: .4s all; }
.insearch_op:hover>svg{ fill:var(--hovercolor); }
.insearch_open{ flex:1; border:1px solid #cccccc; background:var(--white); padding:0 5px 0 20px; margin:-2px 10px 0 -23px;}
.s_open{ display: none; }
.insearch_input{ flex:1; height: 40px; padding:0 10px; margin-right:15px; background: none; border:0; }
.insearch_close{ cursor: pointer;  display: none;}
.insearch_close>svg{ fill:#afafaf;width: 1.6em;height: 1.6em; cursor: pointer; transition: .4s all; }
.insearch_close:hover>svg{ fill:var(--hovercolor); }
.insearch{ position: absolute; right:0; top:53px; background:var(--white); box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 11; width:280px; display: none; } 
.inserach_row{display: flex; align-items: center;}
.insearch_btn{ background:Var(--hovercolor); flex:0 0 60px;  height: 40px;  border:0;}
.insearch_btn svg{ fill:var(--white);width: 1.6em;height: 1.6em; cursor: pointer; }

.in_search_key>a{ color:#3f3f3f; display: inline-block; margin-right:25px;}
.in_search_key>a:hover{ color:var(--hovercolor); }
 
.inpros_title{ padding:75px 0 35px 0; align-items: center; }
.inpros_title_left{ flex:0 0 25%; }
.inpros_title_left h3{  font-size: 30px; color:var(--color0); margin-bottom:10px; }
.inpros_title_left p{  font-size: 18px; color:#888888;}
.inpros_title_right{ flex:1; gap:8px; }
.inpros_title_right li{ flex:0 0 16%;}
.inpros_title_right li a{ display: block; padding:16px 5px; border:1px solid #bababa; border-radius: 5px; text-align: center; font-size: 16px; color:Var(--color9); }
.inpros_title_right li a:hover,.inpros_title_right li.cur a{ background: var(--hovercolor); color:var(--white); border-color:var(--hovercolor); }

.inpros_conbgs{ background-size:cover; padding:10px 0 5px 0; }
.inpros_cons{ margin-bottom:60px; border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1;  }
.inpros_list{ flex:0 0 25%; background:Var(--white); padding:5px 5px 40px 5px; text-align: center; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
.inpros_imgs{ margin-bottom:5px; overflow: hidden; }
.inpros_imgs img{ width: 100%; transition: .4s all;}
.inpros_list:hover .inpros_imgs img{ transform: scale(1.2,1.2);}
.inpros_list h3{ font-size: 18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; }
.inpros_list:nth-child(1),.inpros_list:nth-child(3),.inpros_list:nth-child(6),.inpros_list:nth-child(8){ background:#ffffff; }
a.in_seemore{ display: block; width:160px; height: 50px; text-align: center; font-size: 14px; color:var(--color6); border:1px solid #999999; border-radius: 5px; line-height: 50px; margin:0 auto; transition: .4s all; }
a.in_seemore:hover{ background: var(--hovercolor); color: var(--white); border-color:var(--hovercolor); }

.in_title1{ padding:80px 0 40px 0; text-align: center; }
.in_title1 h3{ font-size: 30px; color:var(--color0); margin-bottom:10px; }
.in_title1 p{ font-size: 18px; color:var(--color9); }

.in_cases_con{ background:#086bb8; }
.in_cases_left{ flex:1; padding:125px 65px 80px 240px;}
.in_cases_left>h3{ font-size: 20px; margin-bottom:30px; color:var(--white);}
.in_casesmenu{display: flex; flex-wrap: nowrap; gap:20px; width: 485px; overflow-x: scroll; padding-bottom:30px;} 
.in_casesmenu li{ flex:0 0 70px; text-align: center; }
.in_casesmenu li a{ color:var(--white); display: block; opacity: 0.5; transition: .4s all; }
.in_casesmenu li:hover a,.in_casesmenu li.cur a{ opacity: 1;}
.in_casesmenu li a i{ display: block; margin-bottom:5px;}
.in_casesmenu li a span{ display: block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}

.in_cases_conlist{ width: 450px; margin:40px 0 0 0; max-height: 470px; overflow-y: scroll;}
.in_cases_listall li a{ display: flex; justify-content: space-between; align-items: center; padding:18px 15px 18px 10px; color:var(--white); margin-right: 35px; border-bottom:1px solid #3989c6; transition: .4 all; }
.in_cases_listall li a:hover{ background: var(--white); color:var(--hovercolor); }
.in_cases_listall li a h3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}

.in_cases_right{ flex:0 0 57.5%; }
.in_cases_right img{ width: 100%;}

.in_newsbgs{ background:#f5f5f5; padding:90px 0 75px 0; }
.intitle2{ align-items: center; margin-bottom:60px; }
.intitle2_left h3{ font-size: 30px; color:Var(--color0); margin-bottom:5px; }
.intitle2_left span{ font-size: 18px; color:#888888; }
.intitle2_right h3{ border:1px solid #cccccc; color:var(--color6); width:190px; height: 52px; line-height: 52px; padding:0 20px; border-radius: 5px; font-size: 16px; display: flex; justify-content: space-between; align-items: center; position: relative; cursor: pointer; }
.intitle2_right h3 i svg{ fill:#999999; width:1.4em; height: 1.4em; }

.intitle2_list{ position: absolute; left: 0; right:0; top:52px; z-index: 8;border:1px solid #cccccc; color:var(--color6); background: rgba(255,255,255,0.7); display: none; }
.intitle2_list li{ border-bottom:1px solid #cccccc; }
.intitle2_list li:last-child{ border-bottom:0; }
.intitle2_list li a{ display: block; padding:0px 20px; color:#666666;  transition: .4s all;}
.intitle2_list li a:hover{ background:var(--hovercolor); color:var(--white);}
.intitle2_right h3:hover .intitle2_list{ display: block;}

.innews_alls{ margin-left:-12px; margin-right:-12px; margin-bottom:40px; }
.innews_alls li{ flex:0 0 33.33%; margin-bottom:25px; padding-left:12px; padding-right:12px;  }
.innews_alls li:first-child{flex:0 0 66.66%;}

.innews_main{ position: relative; height: 100%;overflow: hidden; }
.innews_main_txt{ position: absolute; left:0; right:0; bottom:0; z-index: 12; background: rgba(0,0,0,0.5); padding:30px 40px 25px 45px; color:var(--white); }
.innews_main_txt h3{ font-size: 22px; font-weight: bold; margin-bottom:10px; transition: .4s all; }
.innews_main:hover .innews_main_txt h3{ color:#3fabff;}
.innews_main_txt time{ font-size: 16px; transition: .4s all;}
.innews_main:hover .innews_main_txt time{ color:#3fabff;}
.innews_main img {object-fit: cover; width:100%; height: auto; max-height: 455px; transition: .4s all; }
.innews_main:hover img{ transform: scale(1.1,1.1); }

.innews_lists{ background:Var(--white); height: 100%;}
.innews_text{ padding:30px 35px; }
.innews_text h3{ font-size: 22px; font-weight: bold; margin-bottom:30px; line-height: 36px; height: 73px; overflow: hidden; }
.innews_text time{ display: flex; justify-content: space-between; align-items: center; border-top:1px solid #e5e5e5; font-size: 16px; color:var(--color6); padding:40px 0 10px 0; transition: .4s all;  }
.innews_text time i svg{ width:1.6em; height: 1.6em; fill:#888888; transition: .4s all; }
.innews_img{ overflow: hidden;}
.innews_img img{ width: 100%; height: 215px; object-fit: cover; transition: .4s all;}
.innews_lists:hover .innews_img img{ transform: scale(1.1,1.1); }
.innews_lists:hover a{ color: var(--hovercolor);}
.innews_lists:hover .innews_text time{ color:var(--hovercolor); }
.innews_lists:hover .innews_text time i svg{  fill:var(--hovercolor); }

.invideo{ padding:0px 0 80px 0; }
.invideo_alls{ margin-left:-18px; margin-right:-18px; margin-bottom:40px; }
.invideo_alls li{ flex:0 0 33.33%; padding-left:18px; padding-right:18px; margin-bottom:25px; }
.invideo_lists{ box-shadow: 0 0 12px rgba(0,0,0,0.1);}
.invideo_text{ padding:30px 35px; }
.invideo_text h3{ font-size: 22px; font-weight: bold; margin-bottom:30px; line-height: 36px; }
.invideo_text time{ display: flex; justify-content: space-between; align-items: center; border-top:1px solid #e5e5e5; font-size: 16px; color:var(--color6); padding:40px 0 10px 0;  }
.invideo_text time i svg{ width:1.6em; height: 1.6em; fill:#888888; }
.invideo_imgs{ overflow: hidden;}
.invideo_imgs img{ width:100%; transition: .4s all;}
.invideo_lists:hover .invideo_imgs img{ transform: scale(1.1,1.1); }
.invideo_lists:hover a{ color: var(--hovercolor);}
.invideo_lists:hover .invideo_text time{ color:var(--hovercolor); }
.invideo_lists:hover .invideo_text time i svg{  fill:var(--hovercolor); }







.footerbgs{ background:#111111; color:#f2f2f4;  background-size:100% 100%;  font-size: 15px; }
.footerbgs a{ color:var(--color9); }
.footerbgs a:hover{ color:Var(--hovercolor); }
.footer_alls{ padding:35px 0 0px 0;}
.footer_contact h3{ font-size: 20px; color:var(--white); margin-bottom:15px;}
.footer_contact_text{ color:var(--color9); line-height: 36px;}
.flogos_left{ flex:0 0 20%;}
.footer_right{ flex:0 0 18%; margin-left:20px;} 


.footer_lists{flex:1; margin-left:105px;  padding:0 0 20px 0; justify-content: space-between; }
.footer_listnav{flex:0 0 33%;}
.footer_listnav dt{ font-size: 20px; color:var(--white); margin-bottom:15px; }
.footer_listnav dd{ line-height:34px; font-size: 15px; }
.footer_wxbgs{ border-top:1px solid #616161; padding:18px 0; }

.footer_search{margin-bottom:30px;}
.footer_search h3{ font-size: 20px; color:var(--white); margin-bottom:15px;}
.footer_input{ border:1px solid var(--white); height: 44px; border-radius: 80px; padding:0 10px 0 20px;}
.foot_inputtxt{ flex: 0 0 70%; width: 70%;background:none; border:0;}
.footer_btn{ background:none; border:none;  }
.footer_btn svg{ fill:var(--white); width:25px; height:25px; }

.footer_ewm{ align-items: center;}
.footer_ewmimg{ flex:0 0 41%; }
.footer_ewmtext{ flex:1; margin-left:15px; font-size: 15px; line-height: 25px;} 

.copyright_line{ border-top:1px solid #343434;}
.copyright{ text-align:left; padding:20px 0; color:var(--color9); }


.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;}
.subbanner img{ width:100%;}


.subtitle{ text-align: center; margin-bottom:60px; }
.subtitle h3{ font-size: 40px; font-weight: bold; color:var(--color0); margin-bottom:5px; }
.subtitle p{ font-size: 16px;  color:var(--color6);     line-height: 26px;}

.about_bgs{ background:#f5f5f5; padding:85px 0 100px 0; }
.about_plofile{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:85px; }
.about_left{ flex:0 0 56%; z-index: 13; background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0.5),rgba(255,255,255,0.1));  padding:75px 75px 50px 90px; }
.about_left h3{ font-size: 30px; font-weight: bold; color:var(--color0); margin-bottom:30px;}
.about_text{ font-size: 16px; color:var(--color6); line-height: 34px; }
.about_imgs{ margin-left:20px; flex:1; }
.about_imgs img{ width: 100%; height: 100%; object-fit: cover;}

.about_num{ justify-content: space-between; align-items: center;}
.about_num li{ display: flex; align-items: center; padding-right:20px;  }
.about_num li i{ display: block; flex:0 0 91px; }
.about_num_list{ flex:1; margin-left:15px;  }
.about_num_list h3{ font-size: 48px; font-weight: bold; color:var(--hovercolor); margin-bottom:1px; }
.about_num_list h3 sup{ font-size: 18px;}
.about_num_list p{ font-size: 16px;  color:var(--color6); }

.about_honor{ padding:100px 0 115px 0; }
.honor_left{ flex:1; margin-right:75px; }
.honor_title{ padding:0 0 45px 0; border-bottom:1px solid #dedede; } 
.honor_title h3{ font-size: 30px; color:var(--color0); margin-bottom:20px; }
.honor_title .honor_txt{ font-size: 16px; color:var(--color6); line-height: 30px; }

.honor_lists{ padding:50px 0 90px 0;}
.honor_lists li strong{ font-size: 30px; display: block; color:var(--hovercolor); margin-bottom:3px; }
.honor_lists li strong sup{ font-size: 14px;}
.honor_lists li h3{ font-size: 15px; color:var(--color0); }

.honor_item{align-items: center; gap:10px;}
.honor_item li{ flex:0 0 32%; border-radius: 5px; background:#eeeeee; padding:19px 10px; text-align: center; font-size: 16px; color:var(--color0); cursor: pointer; transition: .4s all; }
.honor_item li:hover,.honor_item li.cur{ background:var(--hovercolor); color:var(--white);}

.honor_right{ flex:0 0 50%; background: var(--hovercolor); color:var(--white); border-top:5px solid #6abdff; padding:60px 100px; }
.honor_right h3{ font-size: 34px; font-weight: bold; margin-bottom:20px; }
.honor_right_txt{ height: 340px; overflow-y: auto; font-size: 16px; line-height: 36px;}

.job_bgs{ background:url("../images/aboutbgs.jpg") center top no-repeat; background-size: cover; padding:100px 0;}
.job_title{ margin-bottom:55px; }
.job_title h3{ font-size: 48px; font-weight: bold; margin-bottom:3px; color:var(--white); text-align: center;}
.job_title p{ font-size: 22px;  color:var(--white); text-align: center;}

.job_all{ margin-left:-14px; margin-right:-14px; }
.job_all li{ flex:0 0 50%; padding-left:14px; padding-right:14px; margin-bottom:20px; }

a.job_lists{ background:var(--white); border-radius: 5px; padding:20px 25px; align-items: center; transition: .4s all; position: relative;}
.job_close{ display: none; position: absolute; left:14px; top:0; right:14px; z-index: 19; background:#ff0000; height: 62px; cursor: pointer; }
a.job_lists:hover,.job_all li.cur>a{ background: var(--hovercolor); color:var(--white); }
a.job_lists h3{ flex:1; font-size: 16px; margin:0 15px;  transition: .4s all; }
a.job_lists p{ flex:0 0 25%;color:var(--color6);  transition: .4s all; }
a.job_lists time{ flex:0 0 25%;  text-align: right; color:var(--color6);  transition: .4s all;}
a.job_lists i svg{ width: 1em; height: 1em; fill: #222222; }
a.job_lists:hover h3,.job_all li.cur>a.job_lists h3{ color:var(--white);   }
a.job_lists:hover p,.job_all li.cur>a.job_lists p{ color:var(--white);  }
a.job_lists:hover time,.job_all li.cur>a.job_lists time{ color:var(--white); }
a.job_lists:hover i svg,.job_all li.cur>a.job_lists i svg{ width: 1em; height: 1em; fill: var(--white); }


.job_details{ padding-top:2px; display: none; }
.job_details1{ padding-top:2px; height: 0;overflow: hidden; opacity: 0; transition: .4s all; }
.job_detailcon{ background: var(--white); border-radius: 5px; padding:30px 20px; line-height: 28px; }
.job_all1 li:hover .job_details{ opacity: 1; height: auto;  }

.contact_con{ padding:90px 0 110px 0; } 
.contact_infor{ align-items: center; background:#f8f8f8; }
.maps{ flex:0 0 50%; }
.maps img{ width: 100%;}
.contact_right{ flex:1; padding:50px 95px 50px 95px; }
.contact_right h3{ font-size: 34px; color:var(--color0); margin-bottom:20px; }
.contact_text{ font-size: 15px; color:var(--color6); line-height: 38px; margin-bottom:20px; }
.contact_tel{ background:var(--hovercolor); color:var(--white); padding:13px 25px; border-radius: 5px; display: inline-block; font-size: 20px;}

.contact_bgs{ background: #f8f8f8;}
.area_con{ padding:100px 0 110px 0; }

.area_titles{ background:#edeeee; align-items: center; border-bottom:2px solid #f8f8f8; font-size: 16px;} 
.area_titles li{ flex:1; border-right: 2px solid #f8f8f8; color:var(--color3); padding:20px 10px; text-align: center; } 
.area_titles li:nth-child(1){ flex:0 0 5%;}
.area_titles li:nth-child(3){ flex:0 0 20%;}
.area_titles li:nth-child(4){ flex:0 0 30%;}

.area_list{ background:#ffffff; align-items: center; border-bottom:2px solid #f8f8f8; font-size: 16px;} 
.area_list li{ flex:1; border-right: 2px solid #f8f8f8; color:var(--color6); padding:20px 10px; text-align: center; } 
.area_list li:nth-child(1){ flex:0 0 5%;}
.area_list li:nth-child(3){ flex:0 0 20%;}
.area_list li:nth-child(4){ flex:0 0 30%;}


.number_bgs{ padding:90px 0 105px 0; background: #f5f5f5; }
.number_infor_l{ flex:0 0 48%;}
.number_profile{ font-size: 16px; line-height: 36px; color:#010101; margin-bottom:30px; text-indent: 2em;  }
.number_proall li{ margin-bottom:15px; }
.number_prolist{ padding:15px 10px; border-radius: 5px;}
.number_prolist h3{ font-size: 18px; margin-bottom:6px;color:var(--color0); font-weight: bold; }
.number_prolist p{ font-size: 16px; color:#777777;} 
.number_infor_r{ flex:0 0 48%; border-radius: 5px; overflow: hidden; }
.number_infor_r img{ width:100%;}

.case_show{ align-items: center; padding:100px 0;  }
.case_show_l{ flex:0 0 48%; border-radius: 5px; overflow: hidden;} 
.case_show_l img{ width:100%;}
.case_show_r{ flex:0 0 48%; } 
.case_show_r h3{ font-size: 36px; margin-bottom:10px; color:#000000; }
.case_show_r p{ font-size: 16px; color:var(--color6); margin-bottom:30px; }
.case_show_r span{display: block; width:55px; height:5px; background:var(--hovercolor); }  
.case_show_text{ font-size: 16px; line-height: 36px; padding:40px 0 0 0; }

.news_search{ align-items: center;} 
.news_search_line{ border-bottom:1px solid #d1d1d1; background: #f5f5f5; } 
.news_search{ padding:18px 0; }
.news_search_left{ flex:1; margin-right:20px;} 
.news_radio{ margin-right:20px;  color:var(--color3); display: flex; align-items: center; }
.news_radio input{ margin-right:6px; }
.news_search_right{ flex:0 0 305px; } 
.news_search_kuan{ height: 40px; border-radius: 50px; border:1px solid #cecece; background: var(--white); display: flex; justify-content: space-between; align-items: center; padding:0 10px 0 25px; }
.news_input{ flex:1;margin-right:5px; height: 36px; line-height: 36px; border:0; }
.news_button{ background: none; border:0;}
.news_button svg{ fill:#999999; width: 1.8em;}

.sub_bgs{ background:#f5f5f5; }
.subnavs{ padding:35px 0 32px 0;}
.subnavs li{ margin-right:25px;}
.subnavs li a{ display: block; padding:17px 90px; background: var(--white); border:1px solid #dedede; font-size: 16px; color:var(--color3); transition: .4s all; } 
.subnavs li a:hover,.subnavs li.cur a{ background: var(--hovercolor); color:var(--white); }

.news_alls{ padding:0 0 90px 0; }
.news_list{ margin-bottom:75px; }
.news_list li{ margin-bottom:20px;}
.news_infor{  background: var(--white); padding:15px 18px; align-items: center; }
.news_infor_img{ flex:0 0 270px; overflow: hidden; }
.news_infor_img img{ width: 100%; transition: .4s all;}
.news_infor:hover .news_infor_img img{ transform: scale(1.2,1.2); }
.news_infor_text{ flex:1; margin-left:38px; }
.news_infor_text h3{ font-size: 20px; font-weight: bold; margin-bottom:20px;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}
.news_infor_text p{ color:var(--color6); line-height: 26px; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news_infor_text time{  color:var(--color9); }

.news_detail{ background: var(--white); padding:70px 30px 50px 30px; }
.product_con{ padding:55px 0 50px 0; }
.product_left{ flex:0 0 21%; display: flex; flex-direction: column; }
.product_left_con{ margin-bottom:20px; background: var(--white); padding:25px 28px; }
.product_left_img{ padding-bottom:15px; border-bottom:1px solid #eeeeee; }
.product_left_text{ padding:25px 0 5px 0; color:var(--color3); line-height: 33px; }

.pros_search h3{ font-size: 18px; font-weight: bold; color:var(--color3); margin-bottom:10px; } 

.pros_menu{ background: var(--white); flex:1; margin-bottom:20px;} 
.pros_menu dt{ padding:20px 25px; font-size: 18px; font-weight: bold; color:var(--color3); border-bottom:2px solid #f5f5f5; } 

.pros_navs>li{border-bottom:2px solid #f5f5f5; cursor: pointer; }
.pros_navs>li>span{ display: flex; padding:20px 25px;  font-size: 16px; justify-content: space-between; align-items: center; transition: .4s all; }
.pros_navs>li>span>a{ color:var(--color3);}
.pros_navs>li>span:hover,.pros_navs>li.cur>span{ background: var(--hovercolor);  }
.pros_navs>li>span:hover>a,.pros_navs>li.cur>span>a{ color:var(--white); }
.pros_navs>li>span>i{ display: block; }
.pros_navs>li>span>i>svg{ fill:var(--color6); width:1.3em; height: 1.3em; transition: .4s all; }
.pros_navs>li>span:hover>i>svg,.pros_navs>li.cur>span>i>svg{ fill:var(--white); }

.pros_nav_sec{ display: none; padding:15px 5px 15px 30px; border-top:1px solid #f5f5f5;  }
.pros_nav_sec>li{ padding:10px 5px 10px 17px; position: relative;}
.pros_nav_sec>li::after{ content:""; display: block; position: absolute; left:2px; top:19px; z-index: 6; width:4px; height: 4px; border-radius: 10px; background: var(--color9);}
.pros_nav_sec>li:hover::after{  background: var(--hovercolor);}
.pros_nav_sec>li>a{ color:var(--color9);}
.pros_nav_sec>li:hover>a{ color:var(--hovercolor);}


.cases_navs>li{border-bottom:2px solid #f5f5f5; cursor: pointer; }
.cases_navs>li>a{ display: flex; padding:20px 25px;  color:var(--color3); font-size: 16px; justify-content: space-between; align-items: center; transition: .4s all; }
.cases_navs>li>a:hover,.cases_navs>li.cur>a{ background: var(--hovercolor);  }
.cases_navs>li>a:hover,.cases_navs>li.cur>a{ color:var(--white); }
.cases_navs>li>a>i{ display: block; }
.cases_navs>li>a>i>svg{ fill:var(--color6); width:1.3em; height: 1.3em; transition: .4s all; }
.cases_navs>li>a:hover>i>svg,.cases_navs>li.cur>a>i>svg{ fill:var(--white); }

.product_right{ flex:0 0 73%; width: 73%; }
.locations{ padding:20px; background:var(--white); text-align: right;color:var(--color9);  margin-bottom:20px; }
.locations a{ color:var(--color9); }
.locations a:hover{ color:var(--hovercolor); }

.pros_righ_alls{ margin-left:-11px; margin-right:-11px; }
.pros_righ_alls li{ flex:0 0 33.33%; padding-left:11px; padding-right:11px; margin-bottom:20px; }
.pros_right_list{ background:var(--white); height: 100%; text-align: center;}
.pros_right_img{overflow: hidden; margin-bottom:15px; }
.pros_right_img img{ width: 100%; transition: .4s all;}
.pros_right_list:hover .pros_right_img img{ transform: scale(1.1,1.1);}
.pros_right_text{ padding:0 15px 20px 15px; }
.pros_right_text h3{ font-size: 16px; color:var(--color0); margin-bottom:10px; text-align: center; font-weight: bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}
.pros_right_list:hover .pros_right_text h3{ color:var(--hovercolor); }
.pros_right_text p{ color:#888888; text-align: left; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}
a.pros_more{ display: inline-block; padding:10px 40px; border:1px solid #dddddd; border-radius: 50px; color:var(--color9); margin-bottom:45px; transition: .4s all; }
a.pros_more:hover{ background: var(--hovercolor); color:var(--white); }

.pros_pages{ padding-bottom:60px; }

.pros_detail{ background: var(--white); align-items: center; margin-bottom: 20px;}
.pros_detail_left{ flex:0 0 55%; width: 55%; border-right:2px solid #f5f5f5; }
.prosbp{ position: relative; margin: 0 5%;} 
.pros_detail_right{ flex:0 0 45%; padding:20px 70px; }
.pros_detail_right h3{ margin-bottom: 30px;}
.pros_detail_right h3 strong{ font-size: 30px; font-weight: bold; color:var(--color0); display: inline-block; margin-right: 10px;  }
.pros_detail_right h3 span{ font-size: 20px;  color:var(--color9); display: inline-block; }

.pros_detail_text{ font-size: 15px; line-height: 32px; color:#888888; margin-bottom:40px; }

a.pros_a{ display: inline-block; padding:11px 45px; border-radius: 5px; background: var(--hovercolor); color:var(--white); font-size: 16px; margin-right: 10px;  transition: .4s all;}
a.pros_a1{ display: inline-block; padding:11px 45px; border-radius: 5px; background: #0089f5; color:var(--white); font-size: 16px; transition: .4s all; }
a.pros_a:hover{  background: #0089f5;  }
a.pros_a1:hover{  background: var(--hovercolor) }

.pros_detail_cons{ background: var(--white); padding:30px 35px; margin-bottom:20px; }
.pros_detail_item{ padding-bottom:1px; border-bottom:1px solid #ececec; }
.pros_detail_item li{ margin-right: 2px; background: #f5f5f5; padding:15px 45px; font-size: 16px; color:var(--color3); cursor: pointer; transition: .4s all; }
.pros_detail_item li:hover,.pros_detail_item li.cur{ background:var(--hovercolor); color:var(--white);}
.pros_detail_infor{ padding:40px 10px;color:var(--color6); font-size: 15px; line-height: 34px;}
/*.pros_detail_infor p{ margin-bottom: 25px; }*/


.pros_right_text1{ padding:20px 35px 40px 35px; }
.pros_right_text1 h3{ font-size: 18px; color:var(--color0); margin-bottom:20px; text-align: center;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; }
.pros_right_text1 p{ color:#888888; text-align: left; line-height: 24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical; transition: .4 all;}
.pros_right_list:hover .pros_right_text1 h3{ color:var(--hovercolor); }

.case_detail{ align-items: center; margin-bottom:35px;} 
.case_img{ flex:0 0 54%; width: 54%;}
.case_img img{ width:100%;}
.case_right{ flex:1; padding:20px 20px 20px 60px; }
.case_right h3{ font-size: 28px; color:var(--color3);margin-bottom:25px;} 

.casae_lists{ margin-left:-8px; margin-right:-8px; }
.casae_lists li{ flex:0 0 33.33%; padding-left:8px; padding-right:8px; margin-bottom:30px;}
.casae_lists li a{ display: block; padding:20px 10px; height: 100%; background: var(--white); border-bottom:2px solid #ffffff; text-align: center; font-size: 16px; color:var(--color3);transition: .4s all; }
.casae_lists li a:hover,.casae_lists li.cur a{ border-bottom:2px solid var(--hovercolor); color:var(--hovercolor); }


.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:4%; right:4%; z-index: 1502; cursor:pointer;}
a.job_mailto{ display: inline-block; background: var(--hovercolor); color:var(--white); padding:6px 40px; border-radius: 50px; transition: .4s all;}
a.job_mailto:hover{ background: #0089f5;  color:var(--white);}




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

@media screen and (max-width:1955px){
.in_cases_left {  padding: 75px 65px 40px 110px; }

}

@media screen and (max-width:1700px){
    .ban_text_con p { font-size: 14px;}
    .ban_text_con h3 { font-size: 20px;}
    .in_cases_conlist {  width: 450px;  max-height: 365px;}


.allwidth{ max-width:1400px; margin-left:auto; margin-right:auto;}
.allwidthp{ max-width:1400px; margin-left:auto; margin-right:auto;}
.allwidthb{ max-width:1050px; margin-left:auto; margin-right:auto;}

 }


@media screen and (max-width:1610px){     
    .ban_text_con p { font-size: 12px;}
    .ban_text_con h3 { font-size: 16px;}
    .in_cases_left { padding: 35px 30px 30px 65px; }
    .pros_detail_right {   padding: 20px 35px;  }
    



 }
 @media screen and (max-width:1610px){   
    .about_left {  width: 60%;   padding: 55px 75px 30px 50px;  }
    .about_left h3 { font-size: 27px; margin-bottom: 14px;  }
    .header_right { flex: 0 0 67%;}

   }

@media screen and (max-width:1550px){     
    .allwidth{ max-width:1200px; margin-left:auto; margin-right:auto;}
    .allwidthp{ max-width:1200px; margin-left:auto; margin-right:auto;}
    .allwidthb{ max-width:1050px; margin-left:auto; margin-right:auto;}
.innews_text {  padding: 24px 22px; }
.innews_text h3 {  font-size: 18px;  margin-bottom: 20px; line-height: 30px; height: 65px;}
.innews_text time {  padding: 30px 0 10px 0;font-size: 13px;}
.footer_listnav dt { font-size: 18px; margin-bottom: 13px; }
.footer_search h3 { font-size: 18px;  margin-bottom: 13px; }
.footer_contact h3 { font-size: 18px; margin-bottom: 13px; }
.footer_contact_text { font-size: 14px; line-height: 30px; }
.footer_ewmtext {  margin-left: 14px;  font-size: 12px; line-height: 23px; }
.footer_listnav dd {  line-height: 28px;  font-size: 14px; }
.footerbgs { font-size: 12px; }
.about_left {  flex: 0 0 52%;}


    }
 @media screen and (max-width:1420px){
    .in_cases_conlist { max-height: 306px; }
    a.pros_a {  padding: 11px 5px;  font-size: 14px; width: 47%; margin-right: 2%; text-align: center;  }
    a.pros_a1 {  padding: 11px 5px;  font-size: 14px; width: 47%; text-align: center;  }
    .pros_detail_right h3 {  margin-bottom: 10px; }
    .pros_detail_right h3 strong {  font-size: 24px;}
    .pros_detail_right h3 span { font-size: 16px;}
    .pros_detail_text { font-size: 14px; line-height: 24px;  margin-bottom: 15px;  }


    .in_cases_left { padding: 35px 30px 30px 45px; }


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

   /* .swiper12 .swiper-button-prev {  left: 45.8%;  }
    .swiper12 .swiper-button-next { right: 45.8%;  }*/
    .header_right { flex: 0 0 73%;}
    .inpros_title_right li {  flex: 0 0 15%; }
    .intitle2 {  margin-bottom: 40px;  }
    .pros_righ_alls li {  flex: 0 0 50%;}
    .about_text {  font-size: 14px;  line-height: 26px;  }
    .about_left {  padding: 35px 75px 30px 50px; }
    .lanuage {  margin-left: 30px;}
.in_casesmenu { width: 462px;}
    .in_cases_conlist { width: 430px;}



}

@media screen and (max-width:1285px){
    .in_cases_right {   flex: 0 0 100%;  }
    .pros_detail_left {  flex: 0 0 100%;  margin-bottom: 20px;}
    .pros_detail_right { flex: 0 0 100%; padding-bottom:35px;}
    .case_right { padding: 20px 20px 20px 20px; }
    .case_right h3 {  font-size: 24px;   margin-bottom: 10px;   }


}
@media screen and (max-width:1105px){
    .inpros_title_left p {  font-size: 15px;}
    .inpros_list h3 { font-size: 16px; }
    

}

@media screen and (max-width:1100px){
    .ban_text_con p{ display: none;}
    .case_img {  flex: 0 0 100%; }

    .about_left {  position: static;}
    .about_imgs {  margin-left: 0;  flex: auto;  }
    .about_left { width: 100%;}
    .about_num_list h3 { font-size: 32px;}
    .about_plofile {    margin-bottom: 40px;  }
    .about_num li i {   flex: 0 0 65px; }




}

@media screen and (max-width:1005px){
    
.allwidth{ max-width:96%; margin-left:2%; margin-right:2%; overflow: hidden;}
.allwidthp{ max-width:96%; margin-left:2%; margin-right:2%; overflow: hidden;}
.allwidthb{ max-width:96%; margin-left:2%; margin-right:2%; overflow: hidden;}

    .inpros_title_right li a {  padding: 10px 5px; font-size: 14px;}
    .innavs>li>a { font-size: 14px; padding:30px 0px;}

}

@media screen and (max-width:980px){
   .header_mb{ display: block;    top: 12px;}

   .header_right{ 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:20px; bottom:5%; z-index: 800;border-radius:15px; padding:50px 20px 20px 20px; overflow-y:auto;}
    .mb_menulist>li{ border-bottom:1px solid #999999;  }
    .mb_menulist>li>div{ display:flex; justify-content:space-between; padding:14px 5px;  }
    .mb_menulist>li>div>a{  font-size:16px; color:var(--white);}
    .mbnavs_sec{ display:none; background:var(--maincolor); padding:10px 0;  }
    .mbnavs_sec>li{ padding:0 20px; }
    .mbnavs_sec>li>div{ color:var(--white); font-size:15px; display:flex; justify-content: space-between; padding:10px 5px; font-weight: bold;border-bottom:1px solid #2d87ce;  }
    .mbnavs_sec>li>div>a{ color:var(--white);}
    .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(0,0,0,0.8); z-index: 700;}
    
    
    .logos>a {  padding: 10px 0;}
    .logos>a>img { max-height: 45px; }

    .mb_casebgs{ display: block;}
    .banner_case{ display: none;}
    .banner_list li { flex: 0 0 33.33%; margin-bottom:5px;}
    .inpros_title_right li { flex: 0 0 24%; }
    .inpros_title_left h3 {  font-size: 24px; margin-bottom: 6px; }
    .inpros_title_left p {  font-size: 12px;}

    .inpros_title_left {  flex: 0 0 100%; text-align: center; margin-bottom:20px; }
    .inpros_title { padding: 40px 0 30px 0;}
    .inpros_list h3 { font-size: 14px; }
    .inpros_list { padding: 5px 5px 30px 5px;}
    .in_title1 h3 {   font-size: 24px;  margin-bottom: 6px; }
    .in_title1 p { font-size: 12px;}
    .in_title1 { padding: 40px 0 20px 0;}

    .in_newsbgs {  padding: 40px 0 40px 0; }
    .intitle2_left h3 { font-size: 24px;}
    .intitle2_left span {  font-size: 12px;}
    .intitle2_right h3 {  width: 165px;  height: 45px;  line-height: 45px;  padding: 0px 18px;  font-size: 14px;}
    .intitle2_list {  top: 45px;}
    .intitle2 {  margin-bottom: 25px; }
    .innews_text h3 {   font-size: 18px;  height: 55px;    line-height: 26px;}
    .innews_text {  padding: 20px 20px;  }
    .innews_text time {  padding: 25px 0 10px 0; font-size: 14px; }
    .invideo_text {  padding: 20px 20px;  }
    .invideo_text h3 { font-size: 18px;  margin-bottom: 25px; line-height: 26px;height: 55px; overflow: hidden; }
    .invideo_text time { font-size: 14px; padding: 20px 0 10px 0; }
    .invideo_alls{ margin-left:-6px; margin-right:-6px;    margin-bottom: 20px; }
    .invideo_alls li { padding-left: 6px;  padding-right: 6px; margin-bottom: 12px; }
    .invideo {  padding: 0px 0 40px 0; }

    .footer_alls { padding: 35px 0 0px 0; }
    .footer_lists{ display: none;}
    .flogos_left {   flex: 0 0 100%; margin-bottom: 25px; }
    .footer_right{ display: none;}
    .footer_contact h3 {   font-size: 20px;  margin-bottom: 10px;  }
    .copyright {  padding: 25px 0;font-size: 13px;}
    .copyright_text{ flex:0 0 100%; margin-bottom:10px; }
    .footer_contact_text{ font-size: 13px; line-height: 26px;}

    .pros_right_text {  padding: 0 15px 25px 15px;  }
    .product_left {   flex: 0 0 285px; }
    .pros_detail_item li {  padding: 10px 26px;  font-size: 14px;}
    .casae_lists li { flex: 0 0 50%;  margin-bottom: 15px;  }

    .number_bgs {   padding: 40px 0 45px 0;}
    .subtitle { margin-bottom: 20px;  }
    .subtitle h3 {   font-size: 26px;}
    .subtitle p {   font-size: 12px;}
    .number_infor_l {  flex: 0 0 100%;  margin-bottom: 30px;  }

    .number_infor_r {  flex: 0 0 100%;}
    .case_show {  padding: 40px 0; }
    .case_show_l {  flex: 0 0 100%; order: 2;}
    .case_show_r {  flex: 0 0 100%; margin-bottom: 30px;  }
    .case_show_r h3 {  font-size: 24px; margin-bottom: 8px;}
    .case_show_r p { font-size: 12px;  margin-bottom: 25px; }
    .case_show_text {  font-size: 14px; line-height: 26px;  padding: 25px 0 0 0;  }
    .subnavs{ gap:8px;}
    .subnavs li {  flex: 0 0 32%;   margin-right: auto; margin-bottom:8px; }
    .subnavs li a { padding: 12px 0; font-size: 14px; text-align: center;} 

    .about_bgs {  padding: 45px 0 50px 0;  }

    .about_honor { padding: 40px 0 50px 0; }
    .honor_item {     gap: 6px;  }
    .honor_item li {  flex: 0 0 32%;   padding: 11px 5px;  font-size: 13px;}
    .honor_left { margin-right: 0;  margin-bottom:20px; }
    .honor_right {  flex: 0 0 100%; padding: 30px 20px;  }
    .job_bgs {  padding: 50px 0;   }
    .job_title h3 {  font-size: 26px;  margin-bottom: 10px;}
    .job_title p {  font-size: 15px;}
    .job_all li { flex: 0 0 100%;  margin-bottom: 13px; }
    .job_title {  margin-bottom: 30px; }

    .contact_con {  padding: 40px 0 40px 0;   }
    .maps {  flex: 0 0 100%;  }

    .contact_right {   padding: 30px 25px 50px 25px; }
    .area_con {   padding: 40px 0 40px 0; }
    .in_casesmenu { width: 100%;}




}



@media screen and (max-width:780px){
    .inpros_list {  flex: 0 0 50%; }
     .inpros_list:nth-child(3), .inpros_list:nth-child(6), .inpros_list:nth-child(7) { background: #ffffff; }
    .inpros_list:nth-child(1), .inpros_list:nth-child(4), .inpros_list:nth-child(5), .inpros_list:nth-child(8) { background: #ffffff; }
    .inpros_conbgs {  padding: 35px 0 35px 0; }
    .inpros_cons {  margin-bottom: 30px; }
    a.in_seemore { height: 45px;  line-height: 45px; font-size: 13px;}
    .in_cases_conlist {  width: 99%; max-height: 325px;margin: 25px 0 20px 0;  }
    .innews_alls{ margin-left:-6px; margin-right:-6px; margin-bottom: 15px;}
    .innews_alls li:first-child { flex: 0 0 100%; }
    .innews_alls li {  flex: 0 0 50%;  margin-bottom: 15px;  padding-left: 6px; padding-right: 6px; }
    .invideo_text h3 {  font-size: 16px;  line-height: 26px;  height: auto;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}
    .innews_text h3 {  font-size: 16px;  height: auto; line-height: 26px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;margin-bottom: 20px; }
    .product_left {  flex: 0 0 100%;  }
    .product_left_con{ display: none;}
    .product_right { flex:1;  margin-left: 0; }
    .product_con {  padding: 25px 0 25px 0; }
    .pros_pages {  padding-left: 0; padding-bottom: 45px;  }

    .pros_menu dt { padding: 10px 15px;  font-size: 16px;}
    .pros_navs>li>a {  padding: 10px 15px;  font-size: 14px;}
    .locations{ display: none;}
    .pros_detail_cons { padding: 15px 15px;  margin-bottom: 15px;  }
    .pros_detail_infor {  padding: 30px 0px 10px 0;  font-size: 14px;  line-height: 24px;  }
    .pros_detail_right {  padding: 20px 20px 50px 20px; }
    .pros_detail_right h3 strong {  font-size: 22px;  display: block;  margin-bottom: 10px;  }
    .pros_detail_right h3 {  margin-bottom: 20px; }
    .case_right {   padding: 20px 5px 20px 5px; }
    .casae_lists li a {  padding: 10px 5px; font-size: 14px;}

    .news_search_left {  margin-right: 0; margin-bottom:20px; }
    .news_search_right { flex: 0 0 100%; }
    .subnavs {  padding: 35px 0 15px 0;   }

    .news_infor_img { flex: 0 0 35%;  }
    .news_infor_text h3 {  font-size: 16px;  margin-bottom: 10px;  }
    .news_infor_text p {  line-height: 24px; margin-bottom: 10px;}
    .news_infor_text {  margin-left: 15px;  }
    .news_infor { padding: 10px 10px;}
    .news_dtitle { font-size: 22px;}
    .news_detail {  padding: 30px 15px 30px 15px; }
    .other_news li { flex: 0 0 100%; margin-top:2px;    padding: 10px 20px;}
    .other_news li:nth-child(1) {   margin-right: 0; }
    .other_news li:nth-child(2) {   margin-left: 0; text-align: left;}
    
    .news_content { line-height: 26px;  font-size: 14px;  margin-bottom: 30px;  padding: 25px 0 0 0;  }
    .honor_lists { padding: 33px 0 50px 0;  }
    .honor_lists li{ flex:0 0 50%; margin-bottom:20px;}
    .honor_title h3 {   font-size: 20px;   margin-bottom: 10px;    }
    .honor_title .honor_txt { font-size: 14px; line-height: 24px;   }
    .honor_title {    padding: 0 0 35px 0;}
    .about_num li{ flex:0 0 50%; margin-bottom:20px;}
    .about_num_list h3 { font-size: 18px; }
    .about_num_list {  margin-left: 5px; }
    .about_num_list h3 sup {  font-size: 12px; }
    .about_num li i {   flex: 0 0 50px;  }
    .about_num_list p { font-size: 13px;}

    .contact_right h3 {    font-size: 20px;  margin-bottom: 10px; }
    .contact_text { font-size: 14px;  line-height: 26px;}
    .contact_tel { padding: 10px 15px;  font-size: 16px; }

    .subtitle h3 {  font-size: 22px;  }
    .area_titles li {  font-size: 12px; padding: 10px 5px;   }
    .area_list li {  font-size: 12px; padding: 10px 5px;   }
    .area_titles li:nth-child(1){ display: none;}
    .area_list li:nth-child(1){ display: none;}
    .about_left {  padding: 25px 15px 30px 15px; }
    .about_left h3 {  font-size: 20px;  margin-bottom: 10px; }
    .about_bgs { padding: 35px 0 20px 0;  }
    .honor_right_txt { height: 270px;     font-size: 14px; line-height: 30px; }
    .honor_right h3 {   font-size: 20px;   margin-bottom: 10px;  }
    .number_profile { font-size: 14px; line-height: 24px;}
    .case_show_r span{ display: none;}
    .case_show_text {  font-size: 14px;  line-height: 24px; padding: 0 0 0 0; }
    .number_prolist {   padding: 15px 8px;}
    .number_prolist h3 {  font-size: 16px;}
    .number_prolist p {  font-size: 13px; line-height: 24px; }
    .in_cases_listall li a {  padding: 12px 10px 12px 10px;}

    .pros_navs>li>span { padding: 10px 25px;   font-size: 14px;}
    .pros_nav_sec { padding: 10px 5px 10px 25px;}
    .pros_nav_sec>li {  padding: 5px 5px 5px 15px; font-size: 13px;}
    .pros_nav_sec>li::after {  top: 13px;}

    .in_feedback_list li:nth-child(-n+3){ flex:0 0 100%; }
    .in_feedback_list li span {  font-size: 14px;   margin-bottom: 8px;  }
    .feedback_btm { font-size: 14px; height: 50px; line-height: 50px; width: 100%; padding: 0 10px;}
    .innews_img img { height: 240px;}

    .about_left { flex: 0 0 100%;}

    .number_proall li{ margin-bottom:1px; }

}

@media screen and (max-width:640px){
   
    .ban_text_con h3 {  font-size: 15px;  }
    .mb_casebgs {  padding: 10px 0 4px;}
    .banner_list li { flex: 0 0 50%;}
    .ban_text {  padding: 6px 10px}
    .banner_jt{ display: none;}
    .inpros_title_right li {  flex: 0 0 31%; }    
    .inpros_title { padding: 35px 0 25px 0;}
    .inpros_title_left h3 {  font-size: 22px;}
    .in_title1 h3 {   font-size: 22px;}
    .intitle2_left h3 { font-size: 22px;}
    .innews_main_txt { padding: 15px 10px 15px 15px;}
    .innews_main_txt h3 { font-size: 16px; margin-bottom: 4px; }
    .innews_alls li {  flex: 0 0 100%;}
    .invideo_alls li {  flex: 0 0 100%;}
    .pros_detail_item li {  padding: 10px 20px;}
    .casae_lists{ margin-left:-4px; margin-right:-4px; }
    .casae_lists li {  margin-bottom: 8px;     padding-left: 4px; padding-right: 4px;}
    .subnavs {  gap: 7px; }
    .news_infor_text p{display: none;}
    .news_list li {   margin-bottom: 10px;  }
    .news_infor_text h3 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;font-size: 14px; margin-bottom:4px; }
    .news_infor_text time{ font-size: 13px;}
    .news_dtitle {   font-size: 20px; }
    .subnavs li a {  padding: 10px 0; font-size: 13px;}
    a.job_lists p{ display: none;}
    a.job_lists time{ display: none;}
    a.job_lists {  padding: 10px 15px;}
    .innews_text time {  padding: 15px 0 10px 0;   font-size: 14px;}



}


@media screen and (max-width:550px){
    .in_casesmenu {  width: 300px;}
    .pros_righ_alls li { flex: 0 0 100%;  }
    .pros_right_text1 h3 { font-size: 16px;  margin-bottom: 12px;}
    .pros_right_text1 { padding: 20px 20px 30px 20px; }
   
   

}


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

}


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

}