@charset "utf-8";

/* CSS Document */
html{ overflow-x:hidden;}
body { font-size: 14px; font-family: "times New Roman", "serif"; color: var(--color0); -webkit-font-smoothing: antialiased; transition:.3s all; word-break:break-word; overflow-x:hidden; }
:root{
    --maincolor:#b20000;
    --hovercolor:#ff0000;
    --linecolor:#E2E2E2;
    --white:#ffffff;
    --color0:#000000;
    --color3:#333333;
    --color4:#444444;
    --color6:#666666;
    --color9:#999999;
    --colortitle:#545454;
	--swiper-navigation-color:#ff0000 !important;
}
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(--color4);}
input::placeholder{ color:var(--color4);}
.allwidth{ max-width:1300px; margin-left:auto; margin-right:auto;}
.allwidthp{ max-width:1300px; 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; }

.row{display:flex; flex-wrap:wrap;}
.flexstart{ justify-content:flex-start; }
.flexbetween{ justify-content:space-between; }
.padding_20{ padding-left:20px; padding-right:20px;}



/*---------------------goto-------------------------*/
#gotop{width:45px; height:45px; border-radius:100px;background:rgba(255,255,255,0.9); display:block; text-align:center; line-height: 40px; cursor:pointer; z-index: 99988; box-shadow:1.5px 1.4px 6px rgba(368,138,80,0.2); transition:.4s all;}
#gotop img{ margin-top:30%;}
#gotop svg{ fill:#383838; transition:.4s all;}
#gotop:hover{ background:Var(--hovercolor);}
#gotop:hover svg{ fill:var(--white);}

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

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)) !important;
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #cccccc) !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;
}

/*------------------------article detail-----------------------------*/
.news_content{ line-height:24px; font-size:16px; color:var(--color6); margin-bottom:70px; }
.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;}




/*--------------------------------pages---------------------------------*/
.pages{ display:flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.pages a{  margin:0; padding:15px 15px; vertical-align:middle;color:#919bb0; border:1px solid #d9d9d9; border-left:0; }
.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{ border-left:1px solid #d9d9d9;}
.pages a:first-child,.pages a:last-child{  padding:14px 15px;}

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




/*---------------------------main-------------------------------*/
.header_con{    z-index: 1011; transition: .3s all; background:#353841;}
.header_con_ck{ background:rgba(0,0,0,0.9) !important; box-shadow:2px 4px 10px rgba(0,0,0,0.26); }
.header_bgs{ margin-left:auto; margin-right:auto; padding:3px 0 3px 0; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; }
.top_contact{ color:var(--color6); font-size:12px;}
.logos{ text-align:center;  position:relative; padding:16px 0; transition:.3s all;}
.logos img{ height: 44px; transition:.3s all;}
.header_con_ck .logos{ text-align:center;  position:relative; padding:10px 0;}
.header_con_ck .logos img{ height: 48px;}
.header_mb{ position:absolute; right:2%; top:20px;}
.header_right{align-items: center; flex:1;}

.innav_bgs{ border-bottom:1px solid #dfdfe1; box-shadow: 0 2px 10px rgba(0,0,0,0.15);  }
.innavs{ flex:1; justify-content:space-between;}
.innavs li{ flex:1;position:relative; margin:0 ;}
.innavs li>a{ display:block; color:var(--color0); text-align: center; font-size:15px; padding:15px 8px; transition:.4s all; }
.innavs li:hover>a{ color:var(--hovercolor);   }
.innavs_sec_con{ position:absolute; left:0; top:26px; width:330px; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all; }
.innavs_sec{ background:rgba(255,255,255,0.98); border-radius:0 0 0 0; margin-top:22px; padding:0 0 0 0; height: 370px; overflow: auto !important;direction: rtl; border:1px solid #efefef; border-top:0; }
.innavs_sec>li{ border-bottom:1px solid #efefef;}
.innavs_sec>li>a{ color:var(--color3);display:block; text-align:center; font-size:14px; padding:10px 0; }
.innavs_sec>li>a:hover,.innavs_sec>li>a.cur{ background:var(--hovercolor); color:var(--white);}
.innavs li:hover .innavs_sec_con{ opacity: 1; height: auto; overflow: auto !important; }

.innav_threelist{ position:absolute; left:165px; background:rgba(255,255,255,0.98); border-radius:0 0 0 0; margin-top:10px; padding:0 0 0 0;  border-top:0; top:-10px;  width:165px; z-index: 100;opacity: 0; height: 0; overflow:hidden; transition:.4s all;}
.innav_threelist>li>a{ color:var(--color3);display:block; text-align:center; font-size:14px; padding:8px 0; }
.innav_threelist>li>a:hover{ background:var(--hovercolor); color:var(--white);}
.innavs_sec>li:hover .innav_threelist{ opacity: 1; height: auto; overflow:visible; }

.top_rights{ font-size:12px; color:var(--color6); flex:0 0 329px; background:var(--white); border-radius:50px; overflow:hidden; }

.search_all{ flex:0 0 60%; justify-content: flex-end; align-items: center;}
.in_searchs{display:none; position:absolute; right:0; top:30px; width:270px; z-index: 78; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.search_cons{ background:var(--white); align-items:center;  }
.search_cons i{ display:inline-block; flex: 0 0 10px;}
.search_cons input[type="text"]{ flex:1; border:0; padding:0 2% 0 5%;}
.search_cons input[type="text"]::placeholder{ color:Var(--color9);}
.search_submit{ border:0; background:var(--hovercolor); border:0; height: 34px; flex:0 0 34px; cursor:pointer; transition:all .4s; border-radius:50px; }
.search_submit:hover{ background:var(--maincolor) !important;}

.apps_all{ flex:0 0 115px; margin-left:20px; height: 34px; background:Var(--white); border-radius:50px; line-height:34px; padding:0 14px; font-size:12px; color:var(--color9); }
.apps_title{ cursor: pointer; }

.banners{ position:relative;}
.banners img{ width:100%; }
.header_mb{ display:none;}

.in_titles{ text-align: center; margin-bottom:15px; }
.in_titles h3{ font-size:25px; font-weight: bold; }


.in_titles_a{ text-align: center;}
.in_titles_a a{ display:block; padding:11px 18px; border-radius: 50px; font-size:12px; border:1px solid var(--hovercolor); color:Var(--hovercolor); }
.in_titles_a a:hover{ background:var(--hovercolor); color:var(--white);}

.in_product{ padding:50px 0; }

.in_hotpros{ margin-left:-5px; margin-right:-5px;}
.in_hotpros li{ padding-left:5px; padding-right:5px;  flex:0 0 16.66%;}
a.in_hotproslist{ display:block; border:1px solid #eeeeee; border-radius:10px; overflow: hidden;}
.hotpros_imgs{ overflow: hidden;}
.hotpros_imgs img{ margin-bottom:10px; transition: .4s all; }
a.in_hotproslist:hover .hotpros_imgs img{ transform: scale(1.1,1.1);  }
.hotpros_text{ padding:0 15px 28px 15px; }
.hotpros_text span{ display:inline-block; padding:3px 10px; background:Var(--hovercolor); color:Var(--white); font-size: 12px; border-radius:50px; margin-bottom:13px; }
.hotpros_text h3{ min-height:56px; font-size:13px; color:var(--color6); line-height: 18px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical; }

.advantage_bg{ background:#f5f5f5; }
.advantages{ padding:55px 0 65px 0;}

.in_titles1{ margin-bottom:25px; }
.in_titles1 h3{ font-size:25px; font-weight:bold; margin-bottom:15px; }
.in_titles1 p{ font-size:15px; color:Var(--color3); line-height:22px; }

.in_advants{ margin-left:-20px; margin-right:-20px;}
.in_advants li{ padding-left:20px; padding-right:20px; flex:0 0 33.33%; } 

.in_advantslist{ background:Var(--white); border-radius:5px; box-shadow: 0 2px 10px rgba(0,0,0,0.12); padding:35px; }
.in_advants_ico{ margin-bottom:20px;}
.in_advants_ico img{ height:72px;}
.in_advants_text h3{ font-size:36px; font-weight:bold; margin-bottom:30px; }
.in_advants_text strong{ font-size:16px; font-weight:bold; margin-bottom:20px; line-height: 24px; display: block;min-height: 50px;} 
.in_advants_text p{ font-size:15px;line-height: 22px; color:#888888; margin-bottom:20px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;} 

.in_abouts{ align-items: center;}
.in_aboutsimg{  flex:0 0 50%;}
.in_aboutstext{ flex: 0 0 50%; padding:50px 5%;}
.in_aboutstext h3{ font-size:30px; font-weight:bolder; margin-bottom:20px;}
.in_about_infor{ line-height:30px; color:#7a7a7a; margin-bottom:20px;}

a.in_about_a{ display:block; width:135px; height:40px; border:1px solid var(--hovercolor); border-radius:50px;text-align: center;line-height:40px; color:Var(--hovercolor); }
a.in_about_a:hover{ background:Var(--hovercolor); color:var(--white);}



.in_news_top{ align-items: center; margin-bottom:23px;}
.in_newsbgs{ padding:50px 0 60px 0; background:#f5f5f5; }
.in_newsleft h3{ font-size:25px; font-weight:bold;} 


.news_moer a{  color:var(--hovercolor); display:block; padding:13px 0 13px 18px; border-radius:50px; font-size: 12px; transition: .4s all;}
.news_moer a:hover{ color:var(--white); background:var(--hovercolor); padding-right:18px;}


.in_hotnewsleft{ flex:0 0 49%;}
.in_hotnews{ background:var(--white);}
.in_newstext{ padding:39px 50px; }
.in_newstext time{ font-size:12px; color:Var(--color9); display:block; margin-bottom:15px;}
.in_newstext h3{ font-size:23px; font-weight:bold;margin-bottom:15px; }
.in_newstext h3 a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; }
.in_newstext h3::after{ content:""; display:block; width:30px; height:2px; background:var(--hovercolor); margin-top:20px;}
.in_newstext p{ line-height:22px; color:var(--color9);overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}

.in_hotnewsimg{ overflow: hidden;}
.in_hotnewsimg img{ transition: .4s all;}
.in_hotnews:hover .in_hotnewsimg img{ transform: scale(1.1,1.1); }

.in_newstext1{ padding:32px 50px; }
.in_newstext1 time{ font-size:12px; color:Var(--color9); display:block; margin-bottom:15px;}
.in_newstext1 h3{ font-size:18px; font-weight:bold;margin-bottom:15px; line-height: 24px; }
.in_newstext1 h3 a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; }
.in_newstext1 p{ line-height:22px; font-size:13px; color:var(--color9);overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}

.in_hotnewsright_list li:nth-child(1){ margin-bottom:30px; }
.in_hotnewsright_alls{ background:var(--white);}
.in_hotnewsright_imgs{ flex:0 0 320px; order: 0; overflow: hidden;}
.in_hotnewsright_imgs img{ width:100%; transition: .4s all; }
.in_newstext1{ flex:1; padding:30px 33px; order:1; }
.in_hotnewsright_list li:nth-child(2) .in_hotnewsright_imgs{ order:1;}
.in_hotnewsright_list li:nth-child(2) .in_newstext1{ order:0; }

.in_hotnewsright_alls:hover .in_hotnewsright_imgs img{ transform: scale(1.1,1.1);}

.in_hotnewsright{ flex:0 0 49%;}

.footerbgs{ background:var(--color0); color:var(--white); padding:70px 0 0 0;  }

.footer_left{ flex:0 0 25%; }
.footer_left h3{ font-size:14px; margin-bottom:38px;}


.footer_navs{ flex:0 0 50%; width:50%; line-height:24px; padding:10px 1% 0 0;  }
.footer_navlist{ flex:1;}
.footer_navlist dt{  font-size:14px; font-weight:bold; }
.footer_navlist dd{ padding:10px 0 0 0; line-height:25px;}
.footer_navlist dd a{ color:#ffffff; font-size:13px; }
.footer_navlist dd a:hover{ color:var(--hovercolor);}

.flogos_right{ flex:0 0 25%; padding-top:18px; }
.footer_cons{ flex:1; margin-left:7%;}
.footer_cons dt{ font-size:14px; color:var(--white); }
.footer_cons dd{ padding:15px 0 0 0; line-height:25px; font-size:13px;}

.footer_emails{border:1px solid #2e2e2e; justify-content: space-between;  margin-top:15px; display:flex; align-items: center;}
.em_input{ flex:1; padding:10px 10px; border:0; background: none;}
.em_submit{ flex:0 0 62px; height:47px; background:#2e2e2e; border:0; transition: .4s all; cursor: pointer;}
.em_submit svg{ fill:#7f7f7f;}
.em_submit:hover,.em_submit:active{background-color: #ff0000;}
.em_submit:hover svg,.em_submit:active svg{ fill: #FFFFFF;}

.footer_share{ display:flex; justify-content: flex-start; align-items: center;margin-bottom:35px;}
.footer_share a{ display:block; width:39px; height:39px; border-radius:50px; margin-right:13px; border:1px solid #5f5f5f; text-align:center; line-height:35px; transition:.4s all; }
.footer_share a:hover{ border-color:var(--hovercolor);}

.copyright{ text-align:center; padding:30px 0; font-size:12px; color:#d4d4d4; border-top:1px solid #141414;  }

.pcimg{ display:block;}
.mbimg{ display: none;}

.prev_btl{background:rgba(0,0,0,0.4); padding:7px; transition: .4s all;}
.prev_btl:hover{background:var(--hovercolor); padding:7px;}

.foot_server{ position:fixed; right:10px; bottom:50px; z-index: 1050; }

.server_icos li{ margin-bottom:8px; position:relative;}
.server_icos li i{ display:block; width:45px; height:45px; border-radius:50px; overflow: hidden; cursor: pointer; text-align: center; line-height: 40px;; }

.server_text{ position:absolute; right:42px; padding:0 5px 0 0; top:0;  z-index: 1010; height: 0; opacity: 0; overflow: hidden; transition: .4s all; }
.server_alltxt{background:var(--white); border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2); width:180px; padding:10px 10px; 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);}

.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:#00ba60;}
.email i{ background:#00d7be; }
.whatapp i{ background:var(--color0); }
.skybe i{ background:var(--color0); }


/*-----------------------------sub-------------------------------*/


.mb_menu{ display:none;}
.mbnavs_sec { display: none;  background: #f9f9f9;  padding: 10px 0; border-radius: 0 0 0 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.3);z-index: 4;}



.in_feedback_list2{ margin-left:-15px; margin-right:-15px;}
.in_feedback_list2 li{ margin-bottom:15px; padding-left:15px; padding-right: 15px; width:100%; }
.in_feedback_list2 li:nth-child(-n+3){ flex:0 0 100%; }
.in_feedback_list2 li span{ display:inline-block; color:#202020; font-size:16px; margin-bottom:10px;  }
.pro_contat{ background:rgba(0,0,0,0.8); position:fixed; left:0; right:0; top:0; bottom:0; z-index: 10000; display:none;}
.pros_contact_infor{ margin:5% auto 0 auto; max-width:700px; border-radius: 10px; background:var(--white); padding:40px; }
.pros_contact_close{ text-align: right; margin-bottom:10px;}
.pros_contact_close i{ cursor: pointer;}

.in_feedback_con{ font-size: 16px;}
.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+3){ flex:0 0 33.33%; }
.in_feedback_list li span{ display:inline-block; margin-bottom:10px;  font-size:14px; color:var(--color4);  }
.feedback{ height: 50px; line-height: 50px; border:1px solid #e5e5e5; width:100%; padding: 0 10px;}
.feedtext{width:100%;border:1px solid #e5e5e5; height: 150px; padding:10px; font-family: Arial, Helvetica, sans-serif; color:var(--color4);}
.feedtext1{width:100%;border:1px solid #e5e5e5; height: 80px; padding:10px; font-family: Arial, Helvetica, sans-serif; color:var(--color4);}

.feedback_btm{  color:var(--white); text-align:Center; height:60px; line-height:60px; width:100%; border:0; background:var(--hovercolor);border:1px solid var(--hovercolor); cursor: pointer; transition:.4s all;}
.feedback_btm:hover{ background:var(--white); color:var(--hovercolor);}


.faq_cons{ padding:55px 0 85px 0; }
.faq_left{ flex:0 0 210px;}
.faq_right{ flex:1; margin-left:145px;}
.faq_lists>li>a{ display:block; padding:10px 5px 10px 28px; border-left:1px solid #bfbfbf; color:var(--color6);position:relative; }
.faq_lists>li>a:hover,.faq_lists>li.faq_click>a{color: var(--hovercolor) !important;}
.faq_lists>li>a::before{ content:""; display:block; width:1px; height:0; position:absolute;left:-1px; z-index: 6; background:var(--hovercolor); top:0; transition:.4s all; }
.faq_lists>li:hover>a::before,.faq_lists>li.faq_click>a::before{ height: 100%;  }


.ser_cons {  border-bottom:1px solid #d9d9d9; } 
.ser_cons dt { padding: 15px 20px; background: #ffffff; color: #4d4c4c; font-size: 16px; display: flex;  justify-content: space-between; align-items: center; cursor: pointer; transition: .4s all;  }

.ser_cons dt i { display: block;  width: 20px; height: 20px; position: relative;  }
.ser_cons dt i::before { content: ""; position: absolute; left: 9px; top: 8px; width: 12px; height: 2px; background: var(--color0); z-index: 2; }
.ser_cons dt i::after { content: ""; position: absolute; left: 14px; top: 3px;  width: 2px; height: 12px; background: var(--color0); z-index: 3; }

.ser_active dt i::after { display: none; }
.ser_cons dt:hover, .ser_active dt { background: #f9f9f9; font-weight: bold; border-bottom:0;color:var(--color0); }
.ser_cons dd { display: none; padding: 25px 20px 25px 35px; font-size: 16px; color: #898888; line-height: 30px; }
.ser_cons dd p { margin-bottom: 20px; }


.sub_cons{ padding:85px 0 140px 0; line-height: 36px; font-size: 16px;}
.sub_cons p{ margin-bottom:20px;}
.sub_titles{ font-size:48px; font-weight:bold; text-align: center; margin-bottom:60px; }
.aboutleft{ flex:0 0 50%;}
.aboutright{ flex:0 0 50%; padding-left:35px;}
.aboutright>h3{ font-size:30px; font-weight: bold;}
.about_textp{ font-size:16px;}

.contact_cons{padding:85px 0 100px 0; }
.contactleft{ flex:0 0 60%;}
.contactright{ flex:0 0 40%; padding:20px 0 0 80px; }
.contactright h3{ font-size:30px; font-weight: bold;}
.contact_texts{line-height: 36px; font-size: 16px;  }

.contactbgs{ background:#f5f5f5; padding:85px 0 150px 0;}

.subnavs_border{ border-bottom:1px solid #dddddd; }

.subnavslist{ justify-content:flex-end; align-items: center; position: relative;}
.subnavslist>li{ margin:0 25px 0 25px; padding:29px 0; }
.subnavslist>li>a{ font-size:16px; transition:.4s all;}
.subnavslist>li>a:hover,.subnavslist>li>a.subnav_click{ text-decoration: none; font-weight:bold; color:var(--hovercolor); }


.proslist_all{ padding:55px 0;}

.newsalls{ margin-left:-27px; margin-right:-27px;}
.newsalls li{ padding-left:27px; padding-right:27px; margin-bottom:55px; flex:0 0 33.33%;} 
.newslist_img{ overflow: hidden; margin-bottom:20px;}
.newslist_img img{ width:100%;}
.newslist_text time{ display:block; color:var(--color9); font-size:13px; margin-bottom:15px;}
.newslist_text h3 { margin-bottom:15px;}
.newslist_text h3 a{ font-size:28px; font-weight:bold;}
.newslist_text p{ font-size:14px; color:Var(--color6); line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}

.news_foot{ background:#fbfbfb; padding:65px 0;}


.news_dtext h3{ font-size:36px; font-weight:bold; color:var(--color0); margin-bottom:20px; text-align: center;    line-height: 46px;}
.news_dtext time{ display:block; font-size:14px; color:#bbbbbb; border-bottom:1px solid #f3f3f3; padding-bottom:25px; text-align: center;}
.news_dcontent { padding:30px 0; line-height:26px; color:var(--color6);} 
.news_dcontent p{ margin-bottom:30px; }

.other_news{ align-items: center; }
.other_news li{ flex:0 0 49.5%; background:#f5f5f5; padding:13px 20px;}
.other_news li:nth-child(2){ text-align: right;}
.other_news_a{ color:#444444; font-size:13px;}
.other_news_a a{ color:#999999;}
.other_news_a a:hover{ color:var(--hovercolor);}

.pros_cons{ padding:50px 0 100px 0;}

.pros_titles{ margin-bottom:30px; align-items: center; }
.pros_titles h3{ font-size:36px; font-weight:bold; color:var(--color0);}

.locations,.locations a{ color:var(--color9);}
.locations a:hover{ color:var(--hovercolor);}

.pros_consleft{ flex:0 0 230px; margin-right:23px; }
.pros_consright{ flex:1; }

.sub_left_navlist>li .sub_libgs { padding: 20px 20px;  font-size: 16px; background:#f3f3f3; margin-bottom:5px;}
.sub_left_navlist>li .sub_libgs a { transition:0.1s all;}
.sub_left_navlist>li:hover .sub_libgs{ background:var(--hovercolor); }
.sub_left_navlist>li:hover .sub_libgs a {  color:var(--white) !important;}
.sub_secnav{ background:#fafafa; padding:20px 23px; margin-bottom:5px; display:none;}
.sub_secnav>li{ margin-bottom:10px;}
.sub_secnav>li>a { font-size: 14px; color:var(--color9); display:flex; justify-content: flex-start; }
.sub_secnav>li>a::before { content:""; display:block; width:4px; height:4px; border-radius:5px; background:var(--color9); margin:6px 8px 0 0; }
.sub_secnav>li>a:hover{ color:var(--hovercolor);}
.sub_secnav>li>a:hover::before {  background:var(--hovercolor);}

.in_hotpros1{ margin-left:-5px; margin-right:-5px;}
.in_hotpros1 li{ padding-left:5px; padding-right:5px;  flex:0 0 25%; margin-bottom:10px; min-height:286px;  }
.hotpros_imgs img{ width:100%; }

.pros_detailimg{ flex:0 0 45%; width:45%; margin-right:30px; }
.pros_detailright{ flex:1;}
.pros_detailright h3{ font-size: 30px; font-weight: bold; margin-bottom:30px; }
.pros_detailtext dt{ font-size: 18px;  font-weight: bold; background:var(--hovercolor); color:Var(--white); padding:18px 20px;}
.pros_detailtext dd{ background:#f1f1f1; padding:35px; font-size: 15px; line-height: 26px; }
.pros_detailtext dd p{ margin-bottom:20px; }


.img366,.img704,.img125,.img445,.img250{ width:100%; display:block; object-fit:cover; }
.img366{ height: 366px;}
.img347{ height: 347px;}
.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: 1075; cursor:pointer;}
.mb_proslist{ display:none;}

.pros_detail_loc{ align-items: center;}
a.pro_back{ display:block; flex:0 0 70px; height: 35px; line-height:35px; text-align:Center; background:#f1f1f1; }
a.pro_back:hover{ background:var(--hovercolor); color:var(--white); }

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

.in_hotnewsimg img{ width:100%;}
.innewsp{overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; }
.in_hotnewsright_imgs img{ width:100%;}
.goback_a{ padding-top:20px;}
.goback_a{ text-align: right;}
a.gobacks { display: inline-block;   width: 70px;  height: 30px; line-height: 30px; text-align: center; background: #f2f2f2; color: Var(--color6); border-radius: 5px; transition: .4s all;}
a.gobacks:hover{ background:Var(--hovercolor); color:Var(--white);}
.subbanner{ text-align: center; }


/*-------------------------------------*/
@media screen and (max-width:1540px){
    .allwidth{ margin-left:2%; margin-right:2%;}


 }

@media screen and (max-width:1450px){
    .innavs>li { margin: 0 10px 0 0; }
    .in_proscalog_left {   min-width: 175px; }

 }


@media screen and (max-width:1360px){
    .inpros_wd { margin-left:2%; margin-right:2%;}

}

@media screen and (max-width:1250px){
.allwidth{ max-width:94%; margin-left:3%; margin-right:3%;}
.allwidthp{ max-width:100%; margin-left:0; margin-right:0;}

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

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

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

@media screen and (max-width:980px){
	.search_all{ display:none;}
	.header_mb{ display:block;}
	.innav_bgs{ display:none;}
	.logos img {height: 30px;}
	.logos { padding: 10px 0;}
	.pros_cons { padding: 20px 0 50px 0; }

	
    .mb_menu{  position:fixed; left:3%; right:3%; top:20px; bottom:5%; z-index: 1070; background:var(--colorwhite); border-radius:15px; padding:50px 27px 20px 27px; overflow-y:auto;}
    .mb_menulist>li>div{ display:flex; justify-content:space-between; padding:14px 0;  }
    .mb_menulist>li>div>a{  font-size:16px; color:var(--white);}
    .mbnavs_sec{ display:none; background:rgba(255,255,255,0.9); padding:10px 0; border-radius:0 0 0px 0px; }
    .mbnavs_sec>li{ padding:0 10px;  }
    .mbnavs_sec>li>div{padding:6px 0; display:flex; justify-content: space-between; }
    .mbnavs_sec>li>div>a{ color:var(--colorwhite); font-size:13px;}

	
    .mbnav_three{ display:none; border-radius:0 0 0px 0px; }
    .mbnav_three>li{ padding:3px 10px; }
    .mbnav_three>li>a{ color:var(--colorwhite); font-size:12px; display:block; }
	
    .mb_zz{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.88); z-index: 1040;}
	.in_hotpros li { flex: 0 0 33.33%; margin-bottom: 10px; }

	.in_advants_text h3 {font-size: 22px; margin-bottom: 12px;	}
	.in_advants_text strong { font-size: 14px; margin-bottom: -1px; min-height: auto; }
	.in_advants li { flex: 0 0 100%; margin-bottom: 20px; }

	.in_aboutsimg { flex: 0 0 100%; }
	.in_aboutstext { flex: 0 0 100%; padding: 50px 5%; }

	.in_hotnewsleft { flex: 0 0 100%; margin-bottom: 20px; }
	.in_hotnewsright { flex: 0 0 100%; }
	.in_hotnewsright_imgs { flex: 0 0 50%; }

	.pros_consleft { flex: 0 0 100%; margin-right: 0; margin-bottom: 40px; }

	.in_hotpros1 li { flex: 0 0 50%;    min-height: auto;}
	.pros_detailimg { flex: 0 0 100%; width: 100%; margin-right: 0; margin-bottom: 50px; }

	.pros_detailright h3 { font-size: 22px; font-weight: bold; margin-bottom: 25px; }
	.pros_detailtext dd { padding: 20px 20px; font-size: 14px; line-height: 24px; }

	.pros_titles {    margin-bottom: 10px;}
	.pros_titles h3 { font-size: 26px;}
	.pros_titles h3{ display:none;}

	.sub_left_navlist>li .sub_libgs { padding: 10px 15px; font-size: 15px;}
	.sub_secnav { padding: 13px 23px;}
	.footerbgs { padding: 30px 0 0 0; }
	.footer_left h3 { 	margin-bottom: 20px; }
	.pb55 { padding-bottom: 20px; }
	.copyright { 	padding: 18px 0;}


	.sub_cons { padding: 35px 0 40px 0; line-height: 21px; font-size: 14px; }
	.sub_titles { font-size: 26px; margin-bottom: 25px; }

	.aboutleft { flex: 0 0 100%; margin-bottom: 30px; }
	.aboutright { flex: 0 0 100%; padding-left: 0; }

	.newslist_text h3 a { font-size: 18px;}
	.other_news li { flex: 0 0 100%; margin-bottom: 10px;}
	.other_news li:nth-child(2) { text-align: left; }

	.footer_left { flex: 0 0 100%; }
	.footer_navs { 	flex: 0 0 100%; width: 100%;}
	.flogos_right{ display:none;}


}

@media screen and (max-width:780px){
	.in_hotpros li { flex: 0 0 50%;  }
	.in_titles h3 {		font-size: 22px;}
	.in_titles_a a { padding: 7px 10px;}

	.aboutright>h3 { font-size:25px;}
	.subnavslist>li { margin: 0 15px 0 15px; padding: 15px 0; }

	.newsalls{ margin-left:-17px; margin-right:-17px; }
	.newsalls li { padding-left: 17px; padding-right: 17px; margin-bottom: 35px; flex: 0 0 50%; }
	.news_dtext h3 { line-height: 30px; font-size: 24px;}
	.ser_cons dd { padding: 17px 18px 20px 18px; font-size: 14px;}
	.contact_cons { padding: 45px 0 60px 0;}
	.contactbgs { padding: 45px 0 65px 0; }

	.contactleft { flex: 0 0 100%; }
	.contactright { flex: 0 0 100%; padding: 35px 0 0 0px;	}
	.in_feedback_list li:nth-child(-n+3) { flex: 0 0 100%; }
	.contactright h3 { font-size: 24px;}
	
.contact_texts{line-height: 30px; font-size: 15px;  }
.in_feedback_list li span { margin-bottom: 6px;}
.feedback { height: 45px;  line-height: 45px;}
.in_feedback_list li {  margin-bottom: 10px;}
.sub_titles {   margin-bottom: 18px; }

.pcimg{ display:none;}
.mbimg{ display: block;}

}

@media screen and (max-width:640px){
	.in_hotnewsright_imgs {		flex: 0 0 100%;}
	.in_hotnewsright_list li:nth-child(2) .in_hotnewsright_imgs { order: 0; }
	.in_hotnewsright_list li:nth-child(2) .in_newstext1 { order: 1; }

	.newsalls{ margin-left:-7px; margin-right:-7px; }
	.newsalls li { padding-left: 7px; padding-right: 7px; margin-bottom: 15px; }
	.newslist_text h3 a { font-size: 14px; }
	.newslist_text p{ display:none;}


}


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