@charset "utf-8";

/* CSS Document */
/* html{ overflow-x:hidden;} */
body { 
	font-size: 16px; font-family: "微软雅黑", arial, "serif"; 
	color: #333333; -webkit-font-smoothing: antialiased; transition:.3s all; word-break:break-word; 
}
:root{
    --maincolor:#3488ea;
    --hovercolor:#3488ea;
    --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:1440px; margin-left:auto; margin-right:auto;}
.allwidthp{ max-width:1440px; margin-left:auto; margin-right:auto;}
.allwidth1{ max-width:1520px; margin-left:auto; margin-right:auto;}
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; }
pre{ font-family:微软雅黑;}

.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;-webkit-line-clamp: 1;}
.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; }



/*---------------------goto-------------------------*/
#gotop{ position:fixed; right:10px; bottom:50px;width:38px; height:38px; border-radius:100px;background:rgba(0,0,0,0.6); display:none; text-align:center; line-height: 38px; cursor:pointer; z-index: 99988; box-shadow:1.5px 1.4px 6px rgba(368,138,80,0.2); transition: .4s all;}
#gotop:hover{ background: var(--hovercolor);}
#gotop img{ margin-top:30%;}

/*-----------------------swiper------------------------*/
.detail_bimg{ position:relative;  padding:20px;}
.mySwiper21 { box-sizing: border-box;margin: 10px 0; }
.mySwiper21 .swiper-slide {	width: 25%;	height: auto !important; border:0;}
.mySwiper21 .swiper-slide-thumb-active {  border:2px solid var(--hovercolor); }
.swiper-slide21 img,.swiper-slide22 img{ display: block; width: 100%;height: 100%;object-fit: cover;	}

.banners .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 40px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px)) !important;
    border-radius: 10px !important;
    background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .5) !important;
}
.banners .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1) !important;
    background: var(--swiper-pagination-color, var(--white)) !important;
}

/*------------------------article detail-----------------------------*/
.news_content{ line-height:28px; font-size:16px; color:var(--color3); margin-bottom:70px; padding:50px 0 0 0; border-top:1px dashed #dddddd; }
.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;}


.pros_con1{ line-height:24px; font-size:16px; }
.pros_con1 h1{ font-size: 28px; margin-bottom: 25px; color:var(--color0);}
.pros_con1 h2{ font-size: 26px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.pros_con1 h3{ font-size: 24px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.pros_con1 h4{ font-size: 22px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.pros_con1 h5{ font-size: 20px; font-weight:bold; margin-bottom: 25px; color:var(--color0);}
.pros_con1 p { margin: 10px;}
.pros_con1 img { max-width: 100% !important; height: auto !important;}


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

.other_news li a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}


/*---------------------------main-------------------------------*/
.header_con{   box-shadow:2px 4px 10px rgba(0,0,0,0.2); position: -webkit-sticky; position: sticky; top:0; z-index: 108; background:Var(--white); }
.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:16px;}
.logos{ text-align:center;  position:relative;}
.logos img{ max-height: 80px;}
.header_mb{ position:absolute; left:2%; top:20px;}

.search_all{ flex:0 0 10%; text-align: center; position: relative;}
.search_all i{ display: inline-block; width:22px; height:22px;cursor: pointer; }
.search_all i svg{ width:22px; display: block; height: 22px; }

.search_cons1{ display: none; position:absolute; right:0; top:50px; z-index: 60; width:500px; background: var(--white); padding:20px 25px; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
#mySelect {
    width: 20%; /* 设置下拉选择框的宽度 */
    height: 40px;line-height: 40px;
    padding: 5px 10px; /* 设置内边距 */
    border: 1px solid #ccc; /* 设置边框 */
    border-radius: 0px; /* 设置边框圆角 */
  }   
  .search_form_input{ border:1px solid #cccccc; flex:1;height: 40px;line-height: 40px; padding:0 15px; }
  .search_btns{ border:0; flex:0 0 20%; background:#aaaaaa; color:var(--white); cursor: pointer; transition: .4s all;height: 40px;line-height: 40px;}
  .search_btns:hover{ background:var(--hovercolor);}

.header_right{ align-items: center; flex:0 0 10%;  padding:37px 0;}
.header_tel{ align-items: center; justify-content: flex-end; }
.header_tel i{ display: block; margin-right:10px; width: 23px; height: 23px;  }
.header_tel i svg{ width:23px; display: block; height: 23px;}
.header_tel a{  color:var(--color3); margin:0 6px; font-size: 15px;}
.header_tel a.cur{ color:var(--hovercolor);}


.mobile_zz{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(55,91,150,0.3); z-index: 1800; display: none;   }
.mobile_navs{ background:#375b96; color:var(--colorwhite); position:fixed; left:0; top:0; bottom:0; z-index: 1805; padding:60px 0 0 50px; width:650px; overflow-x:hidden;}
.mobile_navs::-webkit-scrollbar {  width: 8px; } 
.mobile_navs::-webkit-scrollbar-track { background-color: #103c83;   } 
.mobile_navs::-webkit-scrollbar-thumb {  background: #274f91;  }
        
.mobile_navs dt{ display:flex; justify-content:flex-start; align-items:center; margin-bottom:70px;}
.close_bt{ display:inline-block; width:30px; height: 25px; position:relative; cursor:pointer; margin-right:25px;  }
.close_bt:before,.close_bt:after{ content:""; display:block; position:absolute;  top:10px;  width:30px; height: 4px; background:var(--colorwhite);}
.close_bt:before{ transform: rotate(45deg); }
.close_bt:after{ transform: rotate(-45deg); }

.mb_navslist{color:var(--colorwhite); }
.mb_navslist_title{ padding:12px 0 15px 0;}
.mb_navslist li a{ font-size:33px; color:var(--colorwhite);font-family:"MyriadPro";}  
.lsm-sidebar a{font-family:"MyriadPro";}
.mb_navslist li i{ display:inline-block; width:22px; height: 22px; position:relative; cursor:pointer; margin-left:12px;  }
.mb_navslist li i:before,.mb_navslist li i:after{ content:""; display:block; position:absolute; right:0; top:10px;  width:22px; height: 3px; background:var(--colorwhite);}
.mb_navslist li i:after{ transform: rotate(90deg); }
.mb_secnavs li a{ font-size:26px; }
.mb_secnavs li{ padding:12px 0;}

.mob_foot{ padding:100px 0 40px 50px; font-size:15px; color:var(--colorwhite);}

.mobilenavs{ width:40px; height: 40px; margin-right:35px; cursor:pointer;}
.mobilenavs span{ height: 5px; background:var(--color0); margin-bottom:6px; display:block;position:relative; }

.innavs{ flex:1; justify-content:flex-end;  }
.innavs>li{position:relative; margin:0 15px 0 15px;}
.innavs>li>a{ display:inline-block; color:var(--color0); font-size:16px; padding:0 10px; transition:.4s all; }
.innavs>li:hover>a{ color:var(--hovercolor); border-radius:12px;  }
.innavs_sec_con{ position:absolute; left:0; top:26px; width:95px; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all; }
.innavs_sec{ background:rgba(255,255,255,0.96); border-radius:0 0 0px 0px; margin-top:10px; padding:5px 0 0 0;}
.innavs_sec>li>a{ color:var(--color0);display:block; text-align:center; font-size:14px; padding:8px 0; }
.innavs_sec>li>a:hover{ background:var(--hovercolor); color:var(--white);}
.innavs>li:hover .innavs_sec_con{ opacity: 1; height: auto; }
.top_rights{ font-size:16px; color:var(--color6); position:relative;}
.top_rights span{ cursor:pointer; }

.banners{ position:relative;}
.banners img{ width:100%; }
.banner_jt svg{ fill:var(--white); width:2em; transition: .4s all;}
.banner_jt svg:hover{ fill:var(--hovercolor); }
.header_mb{ 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_about{ padding:50px 0 70px 0; }
.in_about_left{ flex:1; margin-right:40px; }
.in_about_left h3{ font-family: arial, helvetica, sans-serif; font-weight: bold; margin:0px 0 20px 0; font-size: 28px; position: relative; padding-left:20px; }
.in_about_left h3::before{content:""; display: block; width:8px; left:0; top:0; bottom:0; background:Var(--hovercolor); position: absolute; z-index: 15;}
.in_about_txt{ font-family: Arial, Helvetica, sans-serif; line-height: 2; margin-bottom:30px; }
.in_about_list{ justify-content: space-between;  text-align: center; gap:5%; padding:0 6% 0 5%; }
.in_about_list li{ flex:0 0 auto;}
.in_about_list strong{ font-size: 48px; font-weight: normal; color:#F1AF25; margin-bottom:6px; display: block; }
.in_about_list strong span{ font-size: 16px; margin-left: 0.3em; color:Var(--color3); }

.in_about_right{ flex:0 0 520px; padding-top:20px;}
.in_about_right img{ width:100%; }
.in_about_right video{ width:100%; height: 300px; }

.in_server_bg{ background:url("../images/bg1.jpg") center top repeat-x; background-size: cover; }
.in_server{ padding:50px 0 30px 0; }

.in_titles{ text-align: center; margin-bottom:38px;}
.in_titles h3{ font-size: 32px; font-weight: bold; margin-bottom: 11px; font-family: Arial, Helvetica, sans-serif; }
.in_titles p{ display: flex; align-items: center; gap:10px; justify-content: center; color:#777777; font-size:18px; }
.in_titles p::before{ flex:0 0 100px; content:""; display: block; width:10px; height: 1px; background:#cccccc; }
.in_titles p::after{ flex:0 0 100px; content:""; display: block; width:10px; height: 1px; background:#cccccc; }

.in_server_cons{ justify-content: space-between; gap:2%;}
.in_server_cons li{ flex:0 0 31.33%; margin-bottom:35px;}
.in_server_list{ text-align: center;}
.in_server_img{ width:120px; margin:0 auto 1.5em auto;}
.in_server_list h2{ font-size: 22px; margin-bottom:20px;}
.in_server_list p{ margin:0 9%; color:#808080; line-height: 2;}

.in_adtage_bgs{ background: url("../images/bg2.jpg") center top no-repeat; background-size: cover; padding:80px 0; position: relative;}
.bg-animation{ position: absolute; z-index: 5; left:0; top:0; right:0; bottom:0;}

.in_adtage_wd{ position: relative; z-index: 8; background: var(--white);}
.in_adtag_left{ flex:0 0 50%;}

.in_adtag_right{ flex:0 0 50%; padding:48px 40px 10px 30px;}
.in_adimgs{ flex:0 0 60px;}
.in_adimgs img{ width:100%;}
.in_adtext{ flex:1; margin-left:10px;}
.in_adtag_list li{ margin-bottom:42px;}
.in_adtext h3{ font-weight: bold; margin-bottom:5px; }
.in_adtext p{ font-size: 80%; line-height: 1.7; color:#808080; }

.in_display_bg{ background:#f3f3f3; padding:60px 0; }
.in_display_infor{ margin-left:-6px; margin-right:-6px; padding:50px 0 10px 0; }
.in_display_infor li{ padding-left:6px; padding-right:6px; flex:0 0 25%;}
.in_display_list{ background:Var(--white); padding:0 37px 40px 37px; height: 100%;}
.in_display_list_con{ text-align: center;}
.in_display_imgs{transform: translateY(-50%); height:80px; text-align: center;}
.in_display_list_con h3{ font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin-bottom:10px; color:var(--color0);}
.in_display_txt{ line-height:2; color:var(--color6); font-family: Arial, Helvetica, sans-serif;}


.in_news_bg{ background:#f5f5f5; padding:50px 0 20px 0; }
.in_news_all{ margin-left:-38px; margin-right:-38px;}
.in_news_all li{ padding-left:38px; padding-right:38px; margin-bottom: 45px; flex:0 0 50%;}
.in_news_list{ cursor: pointer;}
.in_news_list time{ font-size: 90%; color:#777777;}
.in_news_list h3{ font-size: 18px; color:Var(--color0); padding:10px 0 13px 0; border-bottom:1px solid #efefef; position: relative;}
.in_news_list h3::after{ position: absolute; left:0; bottom:-1px; z-index: 10; content:""; display: block; width:10px; height: 1px; background:Var(--hovercolor); transition: .5s all;}
.in_news_list:hover h3::after{ width:100%;}
.in_news_list p{ font-size: 92%; color:#808080; margin:10px 0 0 0; line-height: 2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;}



.in_partner{ padding:50px 0 60px 0; }
.in_partner_list{ justify-content: flex-start; align-items: center; margin-left:-10px; margin-right:-10px; }
.in_partner_list li{ flex:0 0 16.6%; padding-left:10px; padding-right:10px; margin-bottom:20px; }
.in_partner_list li a{ background:#ff0000; display: block; padding:5px; border:1px solid #eeeeee;text-align: center; background: var(--white); overflow: hidden;}
.in_partner_list li a img{ width: 100%; display: block;  transition: .4s all;}
.in_partner_list li:hover a img{ transform:scale(1.1,1.1);}


.in_contact_bg{ background: url("../images/bg3.jpg") center top no-repeat; background-size: cover; padding:50px 0;}
.in_contact{ text-align: center; color:Var(--white); line-height: 2;}
.in_contact h3{ font-size: 32px; color:#F9CA2B; font-weight: bold; margin-bottom:10px;}
.in_contact_sec{ font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
.in_contact_text{ max-width: 535px; line-height: 2;    margin: 1em auto 2em auto;}
.in_contact_a{ display: inline-block; padding: 0.3em 2.7em;  border-radius: 2em; -webkit-border-radius: 2em; text-align: center; color:var(--white); background: var(--hovercolor);}



.footerbgs{ background:var(--color3); color:var(--white);  }

.footer_alls{ padding:36px 0 50px 0;}
.flogos_left{ flex:1; font-size: 14px;}
.footer_tels{ font-size: 36px; color:#FCCD2C;}
.share li{ margin-right:8px;}
.share li a{ display: block; width: 37px; height:38px; border-radius: 50px; text-align: center; line-height: 35px; transition: .4s all;}
.weibo_c{ background:#f56467;}
.weixin_c{ background:#28c445 ;}
.qq_c{ background:#008ed8 ;}
.weibo_c:hover,.weixin_c:hover,.qq_c:hover{ background:var(--hovercolor);}
.footerbgs a{color:var(--white);}
.footerbgs a:hover{color:var(--hovercolor);}

.footer_right{ flex:0 0 200px;  }
.fcontact{ padding-top:10px;}
.fcontact li{ margin-bottom:13px; display: flex; justify-content: flex-start; }
.contact_con{ flex:1; } 
.footer_text{ line-height: 2; }
.footer_ewm{ text-align: center; padding:10px 0 0 0;}
.ewmimg{ margin-bottom:10px;}

.copyright{ background:var(--color3); text-align:center; padding:20px 0; color:#bbbbbb; font-size: 14px;}
.solution_bimg img{ width:100%;}



/*-----------------------------sub-------------------------------*/
.subbanner{ text-align: center;}
.subbanner img{ width:100%;}

.about_cons{ padding:55px 0 80px 0; background: #f5f5f5;}
.about_left{ flex:1; margin-right:20px; padding-top:28px;}
.about_left h3{ font-weight: bold; margin-bottom:15px; font-size: 20px; }
.about_txt{ line-height: 2;  }
.about_txt p{ margin-bottom:10px;}
.about_right{ flex:0 0 27%;}

.subtitles{ text-align: center; margin-bottom:30px; }
.subtitles h3{ font-size: 32px; font-weight: bold;}
.subtitles span{ display: inline-block; width:30px; height: 1px; background:var(--hovercolor);}

.partner_list{ justify-content: flex-start; align-items: center; margin-left:-10px; margin-right:-10px; }
.partner_list li{ flex:0 0 20%; padding-left:10px; padding-right:10px; margin-bottom:20px;height: 115px; text-align: center;   }
.partner_list li .el-image{ flex-direction: column; align-items: center;}
.partner_list li a{ display: flex; padding:5px; justify-content: center; border:1px solid #eeeeee;text-align: center; background: var(--white); overflow: hidden; height: 100%; }
.partner_list li img{ display: block; transition: .4s all;}
.partner_list li:hover img{ transform: scale(1.1,1.1);} 


.contact_cons{ background:#eee; margin-bottom:20px;}
.contact_left{ flex:0 0 50%;}
.contact_left img{ width:100%; }
.contact_right{ flex:1; padding:28px 40px;}
.contact_text{ line-height: 40px; margin-bottom:25px;}
.contact_btm{ background: #43398A;  padding: 0px 2em; border-radius: 3px; color:var(--white); line-height: 2.8; font-size: 115%;  display: inline-block; -webkit-border-radius: 3px;}

.feedback_title{ background:url("../images/titlebg.png") left top; height: 42px;}
.feedback_title span{ display: inline-block; height: 42px; line-height: 42px; padding:0 30px; background:Var(--hovercolor); color:Var(--white); font-size: 18px;}


.sub_conbgs{ padding:40px 0 40px 0; background: #f5f5f5;}
.service_left{ flex:0 0 230px; }

.sub_nav li{ background: var(--white); border-bottom:2px solid #F5F5F6; }
.sub_nav .parents a{ display: block; font-size: 16px;  line-height: 24px;  color: #474747;  padding: 12px 30px 12px 20px; position: relative;}
.sub_nav li:hover .parents a,.sub_nav li.cur .parents a{ background:Var(--hovercolor); color:var(--white); }

.pc_fnav{background: var(--white); border-bottom:2px solid #F5F5F6;  }
.pc_ftitle{ font-size: 16px;   padding: 12px 12px 12px 17px; display: flex; align-items: center; justify-content: space-between; }
.pc_fnav:hover .pc_ftitle,.pc_fnav.cur .pc_ftitle{ background: var(--hovercolor); color:var(--white);}
.pc_ftitle>a{ display: block; line-height: 24px;  color: #474747; flex:1; margin-right:3px; transition: 0.1s all;}
.pc_fnav:hover .pc_ftitle>a,.pc_fnav.cur .pc_ftitle>a{ color:var(--white); }
.pc_ftitle i{ display: block; flex:0 0 19px; width: 19px; height: 19px; border:1px solid #727272; border-radius: 50px; position: relative; }
.pc_fnav:hover i,.pc_fnav.cur i{  border:1px solid var(--white);}
.pc_ftitle i::before{ content:""; width:9px; height: 1px; background:#727272; display: block; position: absolute; left:4px; top: 8px; z-index: 6; }
.pc_ftitle i::after{ content:""; width:1px; height: 9px; background:#727272; display: block; position: absolute; left:8px; top: 4px; z-index: 7; }
.pc_fnav:hover .pc_ftitle i::before,.pc_fnav:hover .pc_ftitle i::after,.pc_fnav.cur .pc_ftitle i::before,.pc_fnav.cur .pc_ftitle i::after{ background:var(--white); }
.pc_fnav:hover .pc_ftitle i::after,.pc_fnav.cur .pc_ftitle i::after{ display: none; }

.sub_navs{ display: none; padding:7px 25px; }
.pc_fnav:hover .sub_navs,.pc_fnav.cur .sub_navs{ display: block;}
.sub_navs li{ padding:7px 0 7px 14px; position: relative; }
.sub_navs li a{ color:#666666; font-size: 14px;}
.sub_navs li a:hover,.sub_navs li a.cur{ color:Var(--hovercolor); }
.pc_ftitle:hover .sub_navs li a,.pc_ftitle.cur .sub_navs li a{ color:Var(--hovercolor);}
.sub_navs li::before{ display: block; content:""; width: 5px; height: 5px; border-radius: 15px; background:#dadadd; position: absolute; left: 0; z-index: 7; top:16px;}

.mb_subnavs{ display: none;}

.service_right{ margin-left:15px; flex:1; background:var(--white);padding: 25px 35px 35px;}
.pros_alls{ margin-left:-18px; margin-right:-18px;}
.pros_alls li{ padding-left:18px; padding-right:18px; margin-bottom:36px; flex:0 0 50%;  }
.pros_list{ background:#f5f5f6; }
.pros_imgs{ flex:0 0 220px; overflow: hidden;}
.pros_imgs img{ width:100%; display: block; transition: .4s all;}
.pros_imgs:hover img{ transform: scale(1.1,1.1);}
.pros_text{ flex:1; padding:20px 30px 20px 30px;}
.pros_text h3{ margin-bottom:5px;}
.pros_text h3 a{ font-size: 18px; font-weight: bold; color:var(--hovercolor); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.pros_text p{font-size: 92%; color:Var(--color6); line-height: 1.8;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin-bottom:5px; }
.pros_text a{ color:Var(--hovercolor);}

.pages{ padding:8px 0 15px 0; }




.in_feedback_list{ padding:15px 0 0 0;}
.in_feedback_list li{ margin-bottom:15px; width:100%; }
.in_feedback_list li h2{ margin-bottom:5px;}
.in_feedback_list li span{ display:inline-block; color:#202020; font-size:16px; margin-bottom:10px;  }

.feedback{ height: 50px; line-height: 50px; border:1px solid #dadada; width:100%; padding: 0 10px;}
::placeholder{ font-size: 16px;}
.feedtext1{width:100%;border:1px solid #dadada; height: 80px; padding:10px; font-family: Arial, Helvetica, sans-serif; color:var(--color4);}
.feedback_btm{  color:var(--white); font-size:16px; text-align:Center; height:50px; line-height:50px; border:0; background:var(--hovercolor);border:1px solid var(--hovercolor); width:180px; cursor: pointer; transition:.4s all;}
.feedback_btm:hover{ background:var(--white); color:var(--hovercolor);}

.news_cons{ padding:40px 0 40px 0; background: #f5f5f5;}
.news_nav{ justify-content: center; margin-bottom:30px;}
.news_nav>li{ margin:0 2px 6px 2px; }
.news_nav>li>a{ display: block; background:Var(--white); color:#474747; padding:15px 25px;}
.news_nav>li>a:hover,.news_nav>li>a.cur{ color:var(--white); background:var(--hovercolor); }

.location{  margin-bottom:20px;  line-height: 1.5; background: url("../images/home.png") no-repeat 2px center;  padding: 0.5em 0 0.5em 26px;  font-size: 14px; border-bottom: 1px solid #e2e2e2;}
.location1{  margin-bottom:20px;  line-height: 1.5;   padding: 0.5em 0 0.5em 0;  font-size: 14px; }
.w-searchbox { margin-bottom: 20px; }
.search-defaut-w { position: relative; width: 100%; }
.search-defaut-w .input-search-w { border: 1px solid #ddd; background: #fff;  padding: 0 45px 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #666;  line-height: 3; height: 3em;  }
.search-defaut-w .search-btn-w { top: 1px;   right: 1px; min-width: 0; bottom: 1px; position: absolute; width:37px; height: 37px; background-color: #fff;  background: url("../images/icon_search.png") center center no-repeat; cursor: pointer; }

.news_alls li{ margin-bottom: 25px;}
.news_lists{ background:Var(--white);}
.news_imgs{ flex:0 0 335px;}
.news_imgs img{ width:100%; object-fit: cover; overflow: hidden;}
.news_ifor{ flex:1;padding: 20px 5% 10px 5%; }
.news_ifor time{ display: block; color:Var(--hovercolor); font-size: 30px; line-height: 1.5;}
.news_ifor h3{ font-size: 18px; margin:5px 0 15px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.news_text{ color:#7c7c7c; font-size: 92%;  line-height: 1.7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news_detail{ background:Var(--white); padding:30px; }
.news_detail>h2{ font-size: 24px;  margin-bottom: 0.5em; color: #2e2e2e;  text-align: left;}
.news_dcalt{ line-height: 1.5; color: #b1b1b1; font-size: 90%; text-align: left; border-bottom: 1px solid #E8E8E8; padding:0 0 35px 0; }
.news_detail_infor{ padding:35px 0; line-height: 2; }
.news_detail_infor p{ margin-bottom: 10px;}

.news_other{ padding-top: 30px; font-size: 92%; color: #7d7d7d;  border-top: 1px solid #E8E8E8; justify-content: space-between; }
.news_other_left{ flex:1; margin-right:2%;}
.news_other_left li{ margin-bottom:5px; }
.news_other_right{ flex:0 0 100px; text-align: right;}
.news_other_right a{ display: inline-block; background:Var(--hovercolor); color:var(--white); padding:0.5em 1.5em;}

.news_other_right a:hover{ background:#1a76e8;}

.pros_detail{ background:Var(--white); padding:30px;}
.pros_detail h3{ text-align: center; font-size: 30px ; font-weight: bold; margin-bottom:25px; color:Var(--color0);}
.pros_detailimg{ text-align: center; margin-bottom:20px;  }

.pros_discript{ line-height: 2; margin-bottom:25px; text-align: center; }

.display_alls{ margin-left:-21px; margin-right:-21px;}
.display_alls li{ flex:0 0 33.33%; padding-left:21px; padding-right: 21px; margin-bottom:42px;}
.display_lists{ }
.display_imgs{ overflow: hidden; }
.display_imgs img{ width:100%; height: 260px;transition: .4s all;  display: block; object-fit: cover;}
.display_imgs:hover img{ transform: scale(1.1,1.1);}

.display_right{ background:Var(--white); margin-left:15px; flex: 1; padding: 25px 35px 35px;}
.display_right h3{ text-align: center; font-size: 30px ; font-weight: bold; margin-bottom:25px; color:Var(--color0);}
.display_detailimg{text-align: center; margin-bottom:100px;  }




#mySelect1 {  width: 100%;  padding: 5px 15px; border: 1px solid #ddd; border-radius: 0px; font-size: 14px;  height: 46px;  background-color: #ffffff; color:var(--color6);  }   
/* 其他浏览器的兼容性处理 */
#mySelect1 option {  background-color: #ffffff;    color: var(--color6);   }
.server_input1{ width:100%; height: 46px; line-height: 46px; color:var(--color6); padding:0 15px; font-size: 14px; border: 1px solid #ddd;  }
.server_code1{ width:170px; height: 46px; line-height: 46px; color:var(--color6); padding:0 15px; font-size: 14px;  border: 1px solid #ddd; }

.server_form1 li{ margin-bottom:15px; }

.goback{padding:10px 0;}
.goback a{ display:inline-block; background:#f5f5f5; padding:11px 40px; border-radius:5px; color:#999999; ;}
.goback a:hover{ background:var(--hovercolor);color:var(--white);}

.el-space__item>a{ padding:0 12px !important;  position:relative; font-size: 16px;color:var(--color3); }
.el-space__item>a::after{ content:""; display: block; width:32px; opacity: 0; position:absolute; left:50%; transform: translateX(-50%); bottom:-8px; z-index: 108; transition: .4s all; height: 3px;  background:var(--hovercolor); margin-top:10px;}
.el-space__item>a:hover{ color:Var(--hovercolor); }
.el-space__item>a:hover::after{ width:32px;opacity: 1;}
#top_menu .el-tooltip__trigger {  padding:0 12px !important;  position:relative; font-size: 16px; }
#top_menu .el-tooltip__trigger::after{ content:""; display: block; width:32px; opacity: 0; position:absolute; left:50%; transform: translateX(-50%); bottom:-8px; z-index: 108; transition: .4s all; height: 3px;  background:var(--hovercolor); margin-top:10px;}
#top_menu a.cur,
#top_menu .el-tooltip__trigger:hover{ color:Var(--hovercolor);}
#top_menu a.cur::after,
#top_menu .el-tooltip__trigger:hover::after{ width:35px;opacity: 1;}

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

.solution_pros{ overflow: hidden; position:relative; margin-bottom:60px;}


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

.search_all .el-popper{ width:500px !important;}


.service_ico{ align-items: center; margin-bottom:25px;}
.service_ico li{ position:relative; margin-right:10px;}
.service_ico li i{ display:block; width:39px; height:39px; border-radius:50px; overflow:hidden; cursor: pointer; transition:.4s all;}
.weixin i{ background:#00ba60;}
.skybe i{ background:#3298ff;}
.whatapp i{ background:#24a813;}
.email i{ background:#00d7be;}
.telegram i{ background:#2fa5d4;}
.server_infor{ position:absolute; left:0; bottom:39px; z-index: 18; width:230px; height: 0;overflow: hidden; opacity: 0; transition: .4s all;}
.server_infor1{ position:absolute; left:0; bottom:39px; z-index: 18; width:100px; height: 0;overflow: hidden; opacity: 0; transition: .4s all;}
.skybe_ad{ padding:13px 10px;color:Var(--white); background:#f36527; margin-bottom:5px; line-height: 22px; }
.skybe_ad1{ padding:5px 5px;color:Var(--white); background:#f36527; margin-bottom:5px;  }
.skybe_ad a{ color:Var(--white);}
.skybe_ad a:hover{ color:var(--color0);}
.service_ico li:hover .server_infor{ height: auto; overflow: visible; opacity: 1;}
.service_ico li:hover .server_infor1{ height: auto; overflow: visible; opacity: 1;}
.service_ico li:hover i{ background:#f36527; }

.mb_menu{ display:none;}
.mb_newsnav{ display: none;}

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

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


 }

@media screen and (max-width:1620px){    
.allwidth1{ max-width:94%; margin-left:3%; margin-right:3%;}



 }
 @media screen and (max-width:1530px){
     
     
    .allwidth{ max-width:95%; margin-left:2.5%; margin-right:2.5%; overflow: hidden;}
    .allwidthp{ max-width:95%; margin-left:2.5%; margin-right:2.5%;}
 
 
  }
 @media screen and (max-width:1440px){  
 
    .innavs>li { margin: 0 10px 0 0; }

     #top_menu .el-tooltip__trigger {  padding: 0 5px !important;}
     .jobtextcon { font-size: 15px; line-height: 27px; }
     .display_imgs img { height: 225px;}
 
 }

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




 }

@media screen and (max-width:1350px){
    .in_about_txt{ font-size:14px;}
    .in_about_list strong { font-size: 36px;}
    .in_about_list li p{ font-size:14px;}
    .in_about_list li { flex: 0 0 30%; }
    .in_server_list p{ font-size:14px;}
    .in_display_txt { font-size: 14px; line-height: 1.5em;}

    .in_news_list time { font-size: 13px;}
    .in_news_list h3 { font-size: 16px;}
    .in_news_list p {  font-size: 13px; line-height: 1.8em;}

    .in_contact h3 {  font-size: 26px;}
    .in_contact_text { font-size: 14px;}
    .in_contact_a {  font-size: 14px;}

    .about_txt{ font-size:14px;}
    .display_imgs img { height: 195px;}




	



}
@media screen and (max-width:1200px){	
    
#top_menu .el-tooltip__trigger { padding:0 1px !important; }
.pros_alls li {  margin-bottom: 16px;  flex: 0 0 100%; }



}

@media screen and (max-width:1100px){
    .logos img { max-height: 55px; }
 .display_imgs img { height: 160px;}



}

@media screen and (max-width:1050px){
    #top_menu .el-tooltip__trigger {  font-size: 14px !important;}    




}

@media screen and (max-width:980px){
    .header_mb {  display: block;left: 1%; top: 2px; }
    .innavs,.header_right{ display:none !important;}
    .logos { flex: 0 0 100%;}

    .mb_menu{ display:block;}
    .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:-300px; top:0px; width:240px; bottom:0; z-index: 800; background:Var(--white); overflow-y:auto; transition: .4s all;}
    .mb_menu_show{ left:0 !important;}
    .mb_menulist>li>div{ display:flex; justify-content:space-between; padding:10px 0.5em 10px 15px; border-bottom:1px solid #f0f0f0;  }
    .mb_menulist>li>div>a{  font-size:15px; color:var(--color3);}
    .mb_menulist>li>div.cur>a{  color:var(--hovercolor); } 
    .mb_menulist>li>div.cur>i{ transform: rotate(180deg);}
    .mb_menulist>li>div>i>svg{ fill:var(--color3);}
    .mb_menulist>li>div.cur>i>svg{ fill:var(--hovercolor);}

    .mbnavs_sec{ display:none; background:#fbfbfb;}
    .mbnavs_sec>li>div{ padding:0px 10px;  border-bottom: 1px solid #f0f0f0; ;padding: 0.5em 0.5em 0.5em 1.5em; display: flex; justify-content:space-between;}
    .mbnavs_sec>li>div:hover{ background:var(--hovercolor);}
    .mbnavs_sec>li>div:hover>a{ color:Var(--white);}
    .mbnavs_sec>li>div>a{ color:#777777; font-size:14px}
    .mbnavs_sec>li>div>i>svg{ fill:#777777;}
    .mbnavs_sec>li>div:hover>i>svg{ fill:#ffffff;}
    
    .mbnavs_three{ display:none; background:#fbfbfb; }
    .mbnavs_three>li{ padding:0 10px;  border-bottom: 1px solid #f0f0f0;}
    .mbnavs_three>li>a{ color:#777777; font-size:14px; display:block;padding: 0.5em 0.5em 0.5em 1.5em;}

    .mb_zz{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index: 700;}    
    .mb_lanuage{ position:fixed; left:-300px; width:240px; bottom:0; z-index: 801; padding:10px 15px; background:Var(--white); font-size:15px; transition: .4s all;}
    .mb_lanuage_show{ left:0 !important;}
    .mb_lanuage a{  color:#6a6a6a; }
    .mb_lanuage a.cur{ color:var(--hovercolor); }

    .header_bgs .el-menu{ display:none;}

    .logos img{ max-height: 40px;}
    .header_bgs { padding: 6px 0 6px 0;}
    .header_topcons { font-size: 12px; padding: 4px 0;}

    .in_partner_list li { flex: 0 0 33.3%;}
    .partner_list li { flex: 0 0 33.3%}

    .display_alls li { flex: 0 0 50%}
    .display_imgs img {   height: 215px;}

    .news_imgs {  flex: 0 0 210px;  }
    .news_imgs img{ height: 140px; object-fit: cover;}
    .news_ifor time {  font-size: 16px;}

    .news_ifor h3 { font-size: 16px; margin: 5px 0 10px 0; }
    .news_text { font-size: 13px;}

    .news_detail>h2 { font-size: 20px;}
    .news_other_left li {  font-size: 14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .news_other_right a {  font-size: 14px;  padding: 0.4em 1.3em; }




}
    

    




@media screen and (max-width:780px){
	.mb_newsnav{ display: block;}
    .in_about { padding: 20px 0 30px 0; }
    .in_about_left{ padding-bottom:1em;margin-right: 0px;}
    .in_about_right { flex: 0 0 100%; }
    .in_about_right video{  height: 210px; }
    .in_about_list { padding: 0 1% 0 1%; }
	.in_about_list strong { font-size: 200%; }

    .in_titles h3 { font-size: 24px;}
    .in_titles p { font-size: 15px;}
    .in_titles p::before { flex: 0 0 40px;}
    .in_titles p::after {  flex: 0 0 40px;}

    .in_server_cons li { flex: 0 0 100%;}
    .in_server_list h2 { font-size: 110%;}

    .in_adtage_bgs { padding: 30px 0;}
    .in_adtag_left {   flex: 0 0 100%; }
    .in_adtag_right { flex: 0 0 100%; padding: 1.5em 1em 1.5em 1em; }

    .in_display_bg { padding: 30px 0; }
    .in_display_infor li {  flex: 0 0 100%;margin-bottom: 55px; }
    .in_display_infor li:last-child{ margin-bottom:0; }

    .in_news_bg { padding: 5px 0 20px 0; }
    .in_news_all li {  margin-bottom: 30px;  flex: 0 0 100%; }

    .in_partner_list li { flex: 0 0 50%;}

    .in_contact_bg { padding: 30px 0;}
    .in_contact h3 { font-size: 19px;}
    .in_contact_sec { font-size: 14px;}
    .in_contact_text { font-size: 13px;}

    .footer_alls {  padding: 20px 0 10px 0; }
    .flogos_left { font-size: 14px;  }
    .footer_right { flex: 0 0 100%; }
    .footer_tels{ font-size:22px;}
    .footer_text{ font-size:13px; margin-bottom:15px;}
    .copyright {  font-size: 13px; }

    .banner_jt{ display:none;}
    .about_left {  margin-right: 0px;  padding-top: 0; margin-bottom:10px; }
    .about_right { flex: 0 0 100%; }
    .about_left h3 {  font-size: 16px;}
    .about_cons { padding: 35px 0 40px 0;}

    .subtitles h3 {  font-size: 20px;}
    .partner_list li { flex: 0 0 50%; height: 80px;}
    .contact_left { flex: 0 0 100%; }
    .contact_right { padding: 18px 20px; }
    .contact_text { font-size: 13px; line-height: 35px;}
    .contact_btm { font-size: 14px;}
    .subtitles { margin-bottom: 20px;}
    .feedback_title span {  height: 36px;  line-height: 36px; padding: 0px 17px;  font-size: 16px;}
    .feedback_title {  height: 36px; }
    .in_feedback_list li h2 {  font-size: 14px;}
    .feedback {  height: 37px; line-height: 37px;}
    .feedback_btm { font-size: 14px; height: 37px; line-height: 37px;}

    .sub_conbgs {  padding: 20px 0 20px 0;}
    
    .service_right { margin-left: 0;padding: 20px 15px 30px;}
    .display_alls{ margin-left:-5px; margin-right:-5px;}
    .display_alls li {  padding-left: 5px;   padding-right: 5px;}
    .location {  font-size: 12px;}
    .display_imgs img {  height: 120px; }

    .news_cons { padding: 30px 0 30px 0}
    .news_nav{ display: none;}
    .display_right {  margin-left: 0; padding: 15px 15px 15px;}

    .location1 { font-size: 12px; }
    .display_right h3 { font-size: 18px; margin-bottom: 20px;}

    .pros_imgs {  flex: 0 0 122px;}
    .pros_text {    padding: 10px 10px 10px 15px; }
    .pros_text h3 a { font-size: 13px;}
    .pros_text p {  font-size: 12px; line-height: 1.4; -webkit-line-clamp: 3; }
    .pros_text a { font-size: 12px;}
    .pros_detail {  padding: 15px 10px; }
    .pros_detail h3 {  font-size: 16px; margin-bottom: 20px;}
    .pros_discript {   font-size: 12px; border-bottom: 1px solid #e0e0e0;  padding-bottom: 35px;}

    .service_left { flex: 0 0 100%; margin-bottom: 15px; }
    .mb_subnavs{ display: block;}
    .pc_subnavs,.sub_nav{ display: none;}

    .mb_newsnav{ border-bottom:2px solid #1A76E8; margin-bottom:25px;}
    .mb_navtitle{ justify-content: space-between; padding:8px 11px; color: #fff; background: #3488EA; align-items: center;}
    .mb_navtitle svg{ fill: #ffffff;}
    .mb_navtitle h3{ font-size: 16px;}

    .mb_navlist{ display: none;}
    .mb_navlist li{ padding:10px 11px; border-bottom:1px solid #ffffff; font-size: 13px; color:var(--color6);}


}

@media screen and (max-width:640px){
    .in_titles h3 { font-size: 20px; }
    .in_titles p { font-size: 12px; }
    .in_titles p::before { flex: 0 0 20px;}
    .in_titles p::after {  flex: 0 0 20px;}
    .in_about_left h3 { font-size: 20px;}
    .about_left h3 {  font-size: 14px; }
    .about_txt { font-size: 13px; }

    .news_imgs { flex: 0 0 99px; }
    .news_imgs img {  height: 75px;}
    .news_ifor {  padding: 10px 3% 5px 3%; }
    .news_ifor time{ display: none;}
    .news_ifor h3 { font-size: 14px; margin: 0px 0 2px 0; }
    .news_text {   font-size: 12px; line-height: 1.5; }

    ::placeholder{ font-size: 14px;}

    .news_detail {  padding: 20px 10px; }
    .news_detail>h2 {   font-size: 18px;}
    .news_dcalt {  font-size: 12px; padding: 0 0 20px 0; }
    .news_detail_infor { font-size: 14px;}
    .news_other {    padding-top: 20px;  font-size: 12px;}
    .news_other_left {  margin-right: 0; margin-bottom:10px; }
    .news_other_right {  flex: 0 0 100%; text-align: left; }
    .news_other_left li { font-size: 12px;}

}


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

}


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

}


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

}