@charset "utf-8";

/* CSS Document */

body { font-size: 14px; font-family:  arial, "serif"; color: #333333; -webkit-font-smoothing: antialiased; transition:.3s all; word-break:break-word; overflow-x:hidden; }
:root{
    --maincolor:#000000;
    --hovercolor:#e71217;
    --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:1300px; margin-left:auto; margin-right:auto; /*overflow: hidden;*/}
.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;}
.white{ 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:#00ba60;}
.email i{ background:#00d7be; }
.whatapp i{ background:var(--white); box-shadow:1.5px 1.4px 6px rgba(368,138,80,0.2);  }
.skybe i{ background:var(--white); box-shadow:1.5px 1.4px 6px rgba(368,138,80,0.2);  }

.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:38px; 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:#eeeeee;}

/*---------------------goto-------------------------*/
.foot_server{ position:fixed; right:10px; bottom:50px; z-index: 1050; }
#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:hover{ background:Var(--hovercolor);}

/*-----------------------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;	}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 16px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 16px)) !important;
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .8) !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--maincolor)) !important;
}

.banner_jt{background:rgba(0,0,0,0.4); padding:7px; border-radius:50px; transition:.4s all;}
.banner_jt svg{ fill:var(--white);}
.banner_jt:hover{ background:var(--hovercolor);}
.banner_jt11{background:rgba(0,0,0,0.4); padding:7px; border-radius:5px; transition:.4s all;}
.banner_jt11 svg{ fill:var(--white);}
.banner_jt11:hover{ background:var(--hovercolor);}

/*------------------------article detail-----------------------------*/
.news_content{ line-height:24px; font-size:16px; color:#3a3a3a; margin-bottom:10px; }
.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{ 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; text-align: right; }



/*---------------------------main-------------------------------*/
.header_con{  background:rgba(255,255,255,1); border-bottom:1px solid #eeeeee;  }
.header_bgs{ margin-left:auto; margin-right:auto; padding:6px 0 6px 0; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; }
.top_noticebg{ background:var(--color0); transition: all 0.7s;}
.top_notice{ padding:11px 0; color:Var(--white); font-size: 13px;}
.top_text{ flex:1;}
.top_close{ cursor: pointer;}
.top_close svg{ fill:var(--white); }
.logos{ text-align:center;  position:relative;}
.logos img{ max-height: 75px;}
.header_mb{ position:absolute; right:2%; top:20px; z-index: 200;}

.header_right{ align-items: center;}
.innavs{ flex:1; justify-content:center; margin-right:15px; }
.innavs>li{position:relative; margin:0 29px 0 0;}
.innavs>li>a{ display:inline-block; color:var(--color0); font-size:15px; padding:0 9px; transition:.4s all; }
.innavs>li:hover>a{ color:var(--hovercolor); border-radius:12px;  }
.innavs_sec_con{ position:absolute; left:0; top:14px; width:185%;transform: translateX(-25%); 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:20px; padding:0 0 0 0; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.innavs_sec>li>a{ color:var(--color6);display:block; text-align:center; font-size:16px; padding:14px 10px; }
.innavs_sec>li>a:hover{ background:var(--hovercolor); color:var(--white);}
.innavs>li:hover .innavs_sec_con{ opacity: 1; height: auto; overflow: visible; }
.top_rights{ font-size:12px; color:var(--color6); position:relative;}
.top_rights span{ cursor:pointer; }
.top_rights span svg{ fill:var(--color0); transition:.4s all;}
.top_rights span:hover svg{ fill:var(--hovercolor);}

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

.main_pros li{ flex:1;transition:1s all;}
.main_pros li:hover{ flex:0 0 65%;}
a.main_proslist{ display:block; position: relative;height: 100%; overflow: hidden;}
a.main_proslist img{ width:100%; transition: .4s all;height: 100%; object-fit: cover;}
.main_pros li:hover a.main_proslist img{ transform: scale(1.1,1.1);}
.main_prostext{ position:absolute; left:0; top:12%; right:0; z-index: 12; text-align: center; }
.main_prostext h3{font-size:36px; font-weight: bold;}
.swiper-button-prev15{  width:45px !important; padding:20px 0px !important; }
.swiper-button-next15{  width:45px !important; padding:20px 0px !important;} 
.factory_ico{ background:#f2f2f2; width:37px; height:37px; border-radius:50px; text-align: center; line-height: 35px; transition:.4s all;}
.factory_ico svg{ fill:#9c9c9c;}
.factory_ico:hover{ background:var(--hovercolor);}
.factory_ico:hover svg{ fill:var(--white);}

.hotproducts{ padding:80px 0 90px 0; }
.intitles{ text-align: center; margin-bottom:55px;}
.intitles h3{ font-size:46px; color:var(--color0); }
.intitles h3::after{ content:""; display:block; width:77px; height:4px; border-radius:50px; background:var(--hovercolor); margin:25px auto 0 auto;}
.intitles p{ max-width:54%; margin:30px auto; color:#aaaaaa; line-height: 20px; }

.hot_prolist{ position:relative; margin-bottom:50px; padding:0 0 15px 0 }
.hotpros_padding{ overflow: hidden;}
.hotpros_all{ border:1px solid #dddddd; border-radius:5px; overflow:hidden; text-align:center; padding:5px 5px 25px 5px;transition: .4s all;}
.hotpros_all:hover{ border:1px solid var(--hovercolor); }
.hotpros_all h3{ font-size:16px; color:Var(--color6);transition: .4s all;}
.hotpros_all:hover h3{ color:Var(--hovercolor);}
.hotpros_imgs{ overflow: hidden;}
.hotpros_imgs img{ width: 100%; transition: .4s all;}
.hotpros_all:hover .hotpros_imgs img{ transform: scale(1.1,1.1);}
.seemore{ text-align:center; }
a.seemore_a{ display:inline-block; border:1px solid #d4d4d4; border-radius:100px; color:#aaaaaa; padding:13px 35px; transition:.4s all; }
a.seemore_a:hover{ background:var(--hovercolor); color:Var(--white); border:1px solid var(--hovercolor);}

a.seemore_a1{ display:inline-block; border:1px solid var(--white); border-radius:100px; color:var(--white); padding:13px 35px; transition:.4s all; }
a.seemore_a1:hover{ background:var(--hovercolor); color:Var(--white); border:1px solid var(--hovercolor);}

.inaboutbgs{ background:url("../images/inaboutbgs.jpg") center top no-repeat; background-size:auto 100%; min-height: 923px;}
.in_about{ padding:150px 0 0 0; margin:0 auto; max-width:80%;}
.in_abouttitle{ align-items: center; margin-bottom:50px;}
.in_about_text{ font-size:16px; color:Var(--white); line-height: 24px; }
.in_about_text p{ margin-bottom:30px; }

.in_aboutlist li{ flex:0 0 49%; }
.in_aboutlist li a{ display: block; overflow: hidden;}
.in_aboutlist li a img{ width: 100%; transition: .4s all;}
.in_aboutlist li a:hover img{ transform: scale(1.1,1.1);}

.in_video{ padding:90px 0 0 0;}
.appliactionimg{ position:relative; overflow: hidden;}
.app_img{ transform: scale(1.5,1.5); margin:110px 0;}
.swiper-button-prev1{ left:13% !important; background:rgba(0,0,0,0.3); width:35px !important; padding:20px 0px !important; }
.swiper-button-next1{ right:13% !important; background:rgba(0,0,0,0.2); width:35px !important; padding:20px 0px !important;} 

.swiper-button-prev1 svg,.swiper-button-next1 svg{ fill:var(--white) !important;}

.videolist{ position:relative;}
.video_text{ position:absolute; left:15%; top:50px; right:15%; text-align: center;}
.video_text h3{ font-size:28px; font-weight: bold; margin-bottom:15px; color:Var(--white);}
a.app_a{ font-size:12px; font-weight:bold; color:Var(--white);}
a.app_a:hover{ color:Var(--hovercolor);}

.hotnews{ padding:60px 0 80px 0; }
.hotnews_all{ margin-left:-7px; margin-right:-7px; margin-bottom:45px;}
.hotnews_all li{ flex:0 0 33.33%; padding-left:7px; padding-right:7px; }
.hotnews_text{ margin-bottom:30px; }
.hotnews_text h3{ margin-bottom:15px; font-size:16px; font-weight: bold;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical;}
.hotnews_text p{ color:Var(--color9); line-height: 20px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;}

.hotnews_imgs{ position: relative; overflow: hidden;}
.hotnews_imgs span{ position:absolute; right:12px; bottom:12px; z-index: 13; background:rgba(0,0,0,0.5); color:Var(--white); display: block; padding:8px 21px;}
.hotnews_imgs img{ width:100%; height: 245px; object-fit: cover; transition:.4s all;}
.hotnews_list:hover .hotnews_imgs img{ transform: scale(1.1,1.1);}
.adventure_bgs{ background: url("../images/inbgs.jpg") #000000 center top no-repeat ; color:var(--white); min-height: 665px; background-size: auto 100%;}
.adventure_text{ padding:180px 2% 0 2%; text-align: center;}
.adventure_text h3{ font-size:36px; margin-bottom:60px;}
.adventure_ifor{ line-height: 30px; font-size:18px;}



.footer_feedback{ flex:0 0 310px;}
.in_feedback_con{ font-size: 16px;}
.in_feedback_list{ margin-left:0px; margin-right:0px;}
.in_feedback_list li{ margin-bottom:30px;padding-left:0px; padding-right: 0px; width:100%; }
.in_feedback_list li:nth-child(-n+4){ flex:0 0 49%; }
.in_feedback_list li span{  display:block; margin-bottom:10px;  color:var(--color3);  }
.in_feedback_list1{ margin-left:0px; margin-right:0px;}
.in_feedback_list1 li{ margin-bottom:20px;padding-left:0px; padding-right: 0px; width:100%; }
.in_feedback_list1 li:nth-child(-n+3){ flex:0 0 100%; }
.in_feedback_list1 li span{  display:block; margin-bottom:10px;  color:var(--white);  }
.feedback{ height: 39px; line-height: 39px;  width:100%; padding: 0 10px;border: 1px solid #e5e5e5;}
.feedback1{ height: 59px; line-height: 59px;  width:100%; padding: 0 10px; border:1px solid #dddddd;}
.feedtext{width:100%;border:1px solid #e5e5e5; height: 150px; padding:10px; font-family: Arial, Helvetica, sans-serif; color:var(--color4);}
.feedback_btm{  color:var(--white); background:var(--hovercolor); text-align:Center;  width:100%;height:39px; line-height:39px;  border:0;  cursor: pointer; transition:.4s all; border-radius:50px; margin:0 auto;}
.feedback_btm:hover{ background:var(--maincolor); }
.feedback_btm1{  color:var(--white); background:var(--hovercolor); text-align:Center;  width:100%;height:59px; line-height:59px;  border:0;  cursor: pointer; transition:.4s all; border-radius:50px; margin:0 auto; font-size: 16px;}
.feedback_btm1:hover{ background:var(--maincolor); }



.footerbgs{ background:#000000; color:var(--white);  }
.footer{ padding:60px 0 70px;}
.footer_tops{ padding-bottom:30px; border-bottom:1px solid #282828;}
.footerlogo img{ max-height: 70px;}
.footer_infor{ padding:37px 0 0 0;}
.flogos_left{ flex:0 0 25%}
.footer_navs{ flex:1; line-height:24px; padding:5px 10% 0 10%;  }
.footer_navlist dt{  position:relative; font-size:18px; font-weight:bold; }
.footer_navlist dd{ padding:25px 0 0 0; line-height:28px;}
.footer_navlist dd a{ color:#cccccc; font-size:13px; }
.footer_navlist dd a:hover{ color:var(--hovercolor);}
.footewm_list li{ margin-bottom:25px; color:#a8a8a8;}
.footewm_list li h3{ line-height: 24px;}
.copyright{ text-align:center; padding:35px 0; color:#a8a8a8; border-top:1px solid #282828;}

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

.honor_imgs{ overflow: hidden; cursor: pointer;}
.honor_imgs img{ width:100%; transition:.4s all;}
.honor_imgs:hover img{ transform: scale(1.1,1.1);}
.pros_detailinfors{ padding:40px 0 80px 0; font-size:16px; line-height: 28px; color:Var(--color6);}
.pros_detailinfors p{ margin-bottom:20px;}

/*-----------------------------sub-------------------------------*/
.subbanners{ text-align: center; position:relative;}
.subbanner_txt{ position:absolute; left:0; top:0; right:0; bottom:0;z-index: 15; color:var(--white); text-align: center; font-size:48px; font-weight: bold;}
.subbanner_txt h3{ height: 100%; display:flex; flex-direction: column; justify-content: center; font-weight: bold;}

.about_infor{ align-items: center; background:#f5f5f5;}
.about_infor_left{ flex:0 0 50%; }  
.about_infor_right{ flex:0 0 50%; padding:50px 100px; }  
.about_infor_right h3{ font-size:52px; font-weight:bold; line-height: 60px; color:Var(--color0); margin-bottom:30px;}
.about_infortxt{ font-size:16px; color:#3a3a3a; line-height: 30px;}

.about_word{ padding:105px 0 110px 0; }
.about_word h3{ font-size:36px; margin-bottom:35px; text-align: center;}
.about_word_txt{ color:#3a3a3a; line-height:34px; font-size:16px;}
.about_word_txt p{ margin-bottom:20px;} 

.about_model{ align-items: center; background:#f5f5f5; }
.about_model_left{ flex:0 0 50%; padding:10px 80px 10px 80px;}
.about_modeltext{ margin-bottom:60px;}
.about_modeltext h3{ font-size:52px; font-weight:bolder; line-height: 70px; margin-bottom:20px;background: -webkit-linear-gradient(to right,#ff302a,#e0b500, #00bfa6); background:linear-gradient(to right,#ff302a,#e0b500, #00bfa6);background-clip: text;
    -webkit-text-fill-color: transparent;  color: transparent;}
.about_modeltext p{ font-size:18px; line-height: 30px; color:#3a3a3a;}
.about_companylist{ padding:0 5%;}
.about_modelico{align-items: center;}
.about_modelico li{ flex:0 0 48%;margin-right:2%; margin-bottom:60px;}
.about_modelico_text{ align-items: center;}
.about_modelico_text i{ display:block; width:85px; margin-right:20px;}
.about_icoimg_top{ font-size: 40px; font-weight: bold; color:Var(--color0); margin-bottom:10px;}
.about_icoimg_top span{ font-size:16px; font-weight: normal;}
.abouticoimg_btm{ color:var(--color6);}

.about_company{ padding:105px 0 120px 0;}
.about_companytitle{ margin-bottom:40px; text-align:center; font-size:36px; font-weight: bold; color:Var(--color0);}

.about_honor{ position:relative; padding-bottom:50px;}

.factory_list{ overflow:hidden;  }

.about_model4{ background:#f5f5f5; }
.about_model4_left{ flex:0 0 50%;}
.about_model4_right{ flex:0 0 50%;}
a.about_honorimg{ display:block; }
a.about_honorimg img{ display:block; transition:.4s all;}
.aboutimg_over{ overflow: hidden; margin-bottom:20px;}
a.about_honorimg:hover img{ transform: scale(1.05,1.05); box-shadow:0 0 10px rgba(0,0,0,0.2);}

.swiper-button-prev41{ left:47% !important; top:auto !important; bottom:-40px !important; width:45px !important; padding:20px 0px !important; }
.swiper-button-next41{ right:47% !important; top:auto !important; bottom:-40px !important;  width:45px !important; padding:20px 0px !important;} 
.swiper-button-prev41 svg,.swiper-button-next41 svg{ fill:#cccccc !important;}
.swiper-button-prev41:hover svg,.swiper-button-next41:hover svg{ fill:var(--hovercolor) !important;}

.about_model_right{ flex:0 0 50%;}
.about_certifi_bg{ background:#f5f5f5; }
.about_certifi_all{ padding:75px 0 80px 0;}

.certificate_list{ position:relative; }
.hotpros_padding1{ overflow: hidden; margin:0 45px;}

.honor_all{ border:1px solid #dedede;}

.sub_content{ padding:100px 0 60px 0; }

.contact_cons{ padding:110px 0 125px 0; }
.contact_infor{ margin-bottom:110px;}
.contact_title{ text-align: center; font-size:36px; font-weight: bold; color:Var(--color0); margin-bottom:60px;}

.contact_lists{ margin-left:-8px; margin-right:-8px;}
.contact_lists li{ padding-left:8px; padding-right:8px; flex:0 0 33.33%;}
.contact_introduct{ background:#f5f5f5; padding:60px 10% 20px 10%; text-align: center; min-height: 355px;}
.contact_introduct i{ display:block; margin-bottom:30px; }
.contact_introduct i img{ max-height:74px; }
.contact_texts h3{ font-size:24px; color:Var(--color0); font-weight:bold; margin-bottom:15px;}
.contact_texts p{ font-size:16px; line-height:24px;}

.feedbacks_title{ font-size:36px; font-weight: bold; color:Var(--color0); margin-bottom:30px;}

.video_content{ padding:60px 0 110px 0;}
.subnavs{ margin-bottom:45px;}
.subnavs li{ margin:0 5px 10px 0;}
.subnavs li a{ display:block; padding:18px 40px; background:Var(--hovercolor); font-size: 18px; color:Var(--white);}
.video_all{ margin-left:-10px; margin-right:-10px;}
.video_all li{ padding-left:10px; padding-right:10px; flex:0 0 33.33%; margin-bottom:42px;} 

.video_imgs{ position:relative; overflow: hidden; margin-bottom:25px; }
.video_imgs img{ width:100%; }
.video_imgs i{ display:flex; flex-direction: column; justify-content: center; text-align: center; position:absolute; left:0; top:0; right:0;height: 100%; z-index: 16; background: rgba(0,0,0,0.2);}
.video_imgs i svg{ margin: 0 auto;}
.video_list h3{ text-align: center; color:#333333; font-size: 16px; }

.news_hostbgs{ background:#f5f5f5; padding:70px 0;}
.news_hotimgs{ flex:0 0 45%;}
.news_hotimgs img{ width:100%;}
.news_hottext{ flex:1; margin-left:50px;}
.news_hottext h3{ font-size:24px; font-weight: bold; line-height: 32px; padding:15px 0 20px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news_hottext time{ display:block; color:Var(--color9); margin-bottom:20px;}
.news_hottext p{ color:Var(--color9); line-height: 26px; margin-bottom:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;} 
a.news_mores{ display:block; width:47px; height:47px; border:1px solid var(--hovercolor); text-align: center; border-radius: 50px; line-height: 40px;  transition: .4s all;}
a.news_mores svg{ fill:var(--hovercolor); transition: .4s all;}
a.news_mores:hover{  background:var(--hovercolor);  }
a.news_mores:hover svg{ fill:var(--white);}
 
.newslist{ margin-left:-14px; margin-right:-14px; margin-bottom:20px; }
.newslist li{ padding-left:14px; padding-right:14px; flex:0 0 33.33%; margin-bottom:28px;}
.news_list{ border:1px solid #ebebeb; padding:16px;}
.news_listimg{ margin-bottom:25px;}
.news_listimg img{ width:100%;}
.news_listtext time{display:block; color:Var(--color9); margin-bottom:20px;}
.news_listtext h3{ font-size:16px; font-weight: bold; margin-bottom:20px; line-height: 24px;}
.news_listtext p{ color:Var(--color9); line-height: 22px; margin-bottom:30px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;}

.news_detail_all{ padding:20px 0 60px 0;}

.news_detailtext{ padding:0 0 40px 0; border-bottom:1px solid #eeeeee; margin-bottom:40px;} 
.news_detailtext h3{ font-size: 36px; font-weight: bold; color:Var(--color0); margin-bottom:20px;}
.news_detailtext time{ display:block; color:Var(--color9); font-size:16px;}

.news_detail_other{ background:#f5f5f5;}
.news_detail_otherlist li{ flex:0 0 50%; padding:35px 0;}
.news_detail_otherlist li:nth-child(1){ border-right:2px solid var(--white);}
.news_detail_otherlist li:nth-child(2){  padding-left:20px; text-align: right;}
.news_detail_otherlist li a{ color:Var(--color6);}
.news_detail_otherlist li a:hover{ color:Var(--hovercolor);}

.sub_location{ border-top:0px solid #cccccc; padding:35px 0; color:Var(--color9);}
.sub_location a{ color:Var(--color9);}

.pros_all{ margin-bottom:60px;}
.pros_left{ flex:0 0 20%;}
.pros_navs li{ margin-bottom:6px;}
.pros_navs li a{ display:block; padding:20px 15px; border:1px solid #eeeeee; transition:.4s all; font-size: 15px; color:Var(--color3);}
.pros_navs li a:hover,.pros_navs li a.clicks{ background:var(--hovercolor); color:var(--white);}

.pros_right{ flex:1; margin-left:28px;}
.pros_right_list{ margin-left:-9px; margin-right:-9px; margin-bottom:20px;}
.pros_right_list li{ padding-left:9px; padding-right:9px; margin-bottom:20px;flex:0 0 33.33%;} 

.pros_detialall{ margin-bottom:80px;}
.pros_detais_left{ flex:0 0 790px; margin-right:25px;}
.pros_simgs{ flex:0 0 auto; max-height: 735px; display:flex; flex-direction: column; flex-wrap: wrap; }
.pros_simgs li{ width:80px; margin-right:8px; border:1px solid #dddddd; margin-bottom:12px; }
.pros_simgs li:hover,.pros_simgs li.clikss{border:1px solid var(--hovercolor); }
.pros_simgs li img{ width:100%;}
.pros_bimgs{ flex:0 0 588px;  border:1px solid #dddddd; min-height: 735px;}
.pros_bimgs img{ width:100%;}

.pros_detais_right{ flex:1;}
.pros_detais_right h3{ font-size: 55px; font-weight: bold; padding:15px 0 20px 0; border-bottom:1px solid #e5e5e5; }
.pros_detail_top{ padding:40px 0 0 0;}
.pros_detail_top>strong{ color:#ff0000; margin-bottom:25px; display:block; font-size:26px; font-weight: bold;}

.pros_detail_toptxt{ line-height: 22px; }
.pros_detail_toptxt p{ margin-bottom:20px;}

.detailtitle{ background:#f5f5f5;}
.detailtitle span{ display:inline-block; height: 53px; background: var(--hovercolor); color:Var(--white); font-size:16px; line-height: 53px; padding:0 38px;}


.goback{ text-align: right; margin-bottom:50px;}
.goback a{ display:inline-block; background:#EEEEEE; padding:8px 20px; color:Var(--color3); }
.goback a svg{ fill:Var(--color3);}
.goback a:hover{ background:var(--hovercolor);color:var(--white);}
.goback a:hover svg{ fill:Var(--white);}

a.loaction_back{ display:inline-block; background:#EEEEEE; padding:8px 20px; color:Var(--color3); }
a.loaction_back svg{ fill:Var(--color3);}
a.loaction_back:hover{ background:var(--hovercolor);color:var(--white);}
a.loaction_back:hover svg{ fill:Var(--white);}

.pros_bimgs{ position:relative; }
.pros_jt_left{ position:absolute; left:5px; top:50%; z-index: 15; cursor: pointer;}
.pros_jt_right{ position:absolute; right:5px; top:50%; z-index: 15; cursor: pointer;}
.pros_jt_left svg,.pros_jt_right svg{ fill:#aaaaaa;}
.pros_jt_left:hover svg,.pros_jt_right:hover svg{ fill:var(--hovercolor);}





.mb_menu{ display:none;}
.mbnavs_sec { display: none;  background: #f9f9f9;  padding: 10px 0; border-radius: 0 0 0 0; }    
.mbnavs_sec>li { padding: 15px 10px; }    
.mbnavs_sec>li>a { color: var(--color6); font-size: 16px;}    
.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;}

.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: 802; cursor:pointer;}

.ages_cons{ background:rgba(0,0,0,0.8); position:fixed; left:0; right:0; top:0; bottom:0; z-index: 1502;}
.ages_change{ background: var(--white); border-radius:20px; margin:8% auto 0 auto; max-width: 600px; padding:3% 3%; text-align: center;}
.ages_logo{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eeeeee;}
.ages_change strong{ display:block; margin-bottom:15px; font-weight: bold; color:Var(--color0); font-size: 26px;}
.ages_change p{ line-height: 22px; color:Var(--color6); margin-bottom:25px;}

.enter_btm{ align-items: center;}
.enter_btm span{ display:block; flex:0 0 49%; color:Var(--white); padding:12px 8px; text-align: center; }
.enter_btm span:nth-child(1){ background:var(--maincolor);}
.enter_btm span:nth-child(2){ background:var(--hovercolor); cursor: pointer; transition:.4s all;}
.enter_btm span:nth-child(2):hover{ background:var(--color0); }


.detail_as{ width:185px; height:48px; text-align:center; border:1px solid var(--hovercolor); color:var(--hovercolor); line-height: 48px;cursor: pointer; border:1px solid var(--hovercolor); transition:.4s all; border-radius: 100px;}
.detail_as:hover{ background:var(--hovercolor); color:var(--white);}

.pro_contat{ background:rgba(0,0,0,0.8); position:fixed; left:0; right:0; top:0; bottom:0; z-index: 10000; }
.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_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;  }

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

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


 }


@media screen and (max-width:1320px){
.allwidth{ max-width:96%; margin-left:2%; margin-right:2%;}
.allwidthp{ max-width:96%; margin-left:2%; margin-right:2%;}
.innavs>li>a {  padding: 0 9px;}

}

@media screen and (max-width:1250px){
    .innavs>li {  margin: 0 9px 0 0;  }

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


}

@media screen and (max-width:1100px){
    .innavs>li {  margin: 0 3px 0 0;    }
    .innavs>li>a {  font-size: 14px;  padding: 0 9px;}

}

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

}

@media screen and (max-width:980px){
    .pros_contact_infor {  margin: 5% 1% 0 1%;  padding: 20px; }
    .feedtext {  height: 100px;}
    .header_right{ display:none; }
    .logos { text-align: left;}
    .logos img{ height: 50px;}
    .header_mb{ display:block; top:10px;}
    .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:3%; right:3%; top:20px; bottom:5%; z-index: 800;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;  }
    .mbnavs_sec>li{ padding:6px 10px 6px 15px; }
    .mbnavs_sec>li>a{ color:var(--color4); font-size:16px; display:block; padding:6px 0; }
    .mb_zz{ position:fixed; left:0; top:0; right:0; bottom:0; background:var(--color0); z-index: 700;}

    .header_con{position: -webkit-sticky; position:sticky; top:0; z-index: 500;}
    .header_bgs { padding: 5px 0 5px 0; }
    .main_prostext h3 { font-size: 20px;}
    .intitles h3 { font-size: 35px;}
    .intitles p {  max-width: 84%;}
    .in_about {  max-width: 100%; }
    .app_img {  margin: 50px 0; }
    .adventure_bgs {  min-height: 328px;}
    .adventure_text { padding: 100px 2% 0 2%}
    .adventure_text h3 { font-size: 28px;  margin-bottom: 25px; }
    .adventure_ifor { line-height: 22px;  font-size: 14px;  }




}



@media screen and (max-width:780px){	
    .main_pros li {  flex: 0 0 100%; }
    .intitles h3 {  font-size: 24px; }
    .intitles h3::after { height: 3px; margin: 15px auto 0 auto; }
    .intitles { margin-bottom: 30px; }
    .video_text h3 { font-size: 14px; margin-bottom: 10px;}
    .hotproducts { padding: 50px 0 50px 0;  }
    .hot_prolist {     margin-bottom: 20px;}
    .in_aboutleft{ flex:0 0 100%; text-align: center; margin-bottom:20px;}
    .in_aboutleft img{ height: 45px;}
    .in_aboutright{ flex:1; text-align: center;}
    .in_aboutlist li {  flex: 0 0 100%; margin-bottom: 10px; }
    .in_about { padding: 60px 0 0 }
    .footer{ display:none;}
    .in_abouttitle { margin-bottom: 26px; }
    .in_video { padding: 50px 0 0 0; }
    .app_img { margin: 22px 0; }
    .video_text { top: 15px;}
    .video_text h3 { font-size: 12px;  margin-bottom: 0px; }
    .hotnews { padding: 40px 0 40px 0; }
    .hotnews_all li {  flex: 0 0 100%;   margin-bottom: 35px;}
    .hotnews_text h3 { margin-bottom: 10px;}
    .hotnews_text {  margin-bottom: 15px; }
    .hotnews_all {  margin-bottom: 5px; }
    .adventure_text { padding: 40px 2% 0 2%; }
    .adventure_text h3 { font-size: 22px; margin-bottom: 10px; }
    a.seemore_a { padding: 6px 19px; font-size: 12px;}
    .top_text{ font-size: 12px;}
    .sub_location { padding: 20px 0;}
    .pros_left { flex: 0 0 100%;  margin-bottom: 35px; }
    .pros_navs li a { padding: 9px 10px;  font-size: 12px;}
    .pros_right {  margin-left: 0; }
    .pros_right_list li { flex: 0 0 50%; }
    .subbanner_txt{ font-size: 22px;}
    .sub_location_left{ display:none;}
    .pros_detais_left {  flex: 0 0 100%; margin-right: 0; margin-bottom:30px; }
    .pros_simgs { flex: 0 0 100%;  flex-direction: row;}
    .pros_simgs li { width: 54px;  margin-right: 6px;  margin-bottom: 6px; }
    .pros_bimgs { height: 450px;min-height: 450px;}
    .pros_detais_right {  flex: 0 0 100%; }
    .pros_detais_right h3 {  font-size: 38px; }
    .pros_detail_top { padding: 30px 0 0 0; }
    .pros_detialall { margin-bottom: 30px; }
    .detailtitle span {  height: 40px;  font-size: 14px;  line-height: 40px; padding: 0 20px; }
    .about_infor_left {  flex: 0 0 100%; }
    .about_infor_right { flex: 0 0 100%;  padding: 20px 4%; }
    .about_infor_right h3 { font-size: 24px; line-height: 30px;  margin-bottom: 10px; }
    .about_word { padding: 45px 0 50px 0; }
    .about_word h3 {  font-size: 24px;  margin-bottom: 15px;}
    .about_infortxt { font-size: 14px; line-height: 24px; }
    .about_word_txt { line-height: 24px; font-size: 14px; }
    .about_model_left {  flex: 0 0 100%; padding: 30px 3%; }
    .about_modeltext h3 { font-size: 28px;  line-height: 32px;  margin-bottom: 5px;}
    .about_modeltext p { font-size: 14px; line-height: 24px;}

    .about_modeltext {  margin-bottom: 20px; }
    .about_modelico li { margin-bottom: 30px;  }
    .about_modelico_text i {  width: 63px;  margin-right: 20px; }
    .about_model_right {  flex: 0 0 100%; }
    .about_company{ padding: 55px 0 80px 0; }
    .about_companytitle {  margin-bottom: 20px;  font-size: 24px;}
    .aboutimg_over { margin-bottom: 10px; }
    .about_honorimg h3{ font-size:12px;}
    .about_honor { padding-bottom: 20px; }
    .swiper-button-next41 { right: 35% !important;}
    .swiper-button-prev41 {  left: 35% !important;}

    .about_certifi_all { padding: 55px 0 50px 0; }
    .news_hostbgs {  padding: 40px 0; }
    .news_hotimgs { flex: 0 0 100%; }
    .news_hottext {  margin-left: 0; }
    .news_hottext h3 { font-size: 20px; line-height: 26px; padding: 15px 0 15px 0;  }
    .news_hottext time {  margin-bottom: 12px;  }
    .news_hottext p {  line-height: 22px;  margin-bottom: 15px; }
    .newslist li { padding-left: 5px; padding-right: 5px; flex: 0 0 50%; margin-bottom: 20px; }
    .news_list {  padding: 6px; }
    .news_listtext p{ display:none;}
    .news_listimg {  margin-bottom: 10px; }
    .news_listtext time { margin-bottom: 10px; }
    .news_listtext h3 { font-size: 14px;   margin-bottom: 15px;  line-height: 22px;  }
    .video_content { padding: 40px 0 50px 0; }
    .goback {  margin-bottom: 20px;  }
    .news_detailtext h3 {  font-size: 22px; margin-bottom: 10px; }
    .news_detailtext time {   font-size: 14px; }
    .news_detailtext { padding: 0 0 20px 0; margin-bottom: 20px; }
    .news_content { line-height: 24px; font-size: 14px;}
    .news_detail_all { padding: 20px 0 30px 0; }
    .news_detail_otherlist li {  flex: 0 0 100%; border-bottom:1px solid var(--white);   padding: 15px 0; }
    .news_detail_otherlist li:nth-child(2) { padding-left: 0;   text-align: left; }
    .news_detail_otherlist li:nth-child(1) { border-right: 0;  }
    .subnavs li a { padding: 10px 15px; font-size: 14px;}
    .subnavs { margin-bottom: 15px; }
    .video_all li {  flex: 0 0 50%; margin-bottom: 26px; }
    .video_imgs {  margin-bottom: 15px;  }
    .video_list h3 { font-size: 12px; }
    .sub_content { padding: 40px 0 50px 0; }
    .contact_title { font-size: 22px;  margin-bottom: 25px; }
    .contact_infor { margin-bottom: 10px; }
    .contact_cons { padding: 40px 0 55px 0; }
    .contact_lists li {  flex: 0 0 100%; margin-bottom: 15px; }
    .contact_introduct {  padding: 40px 5% 40px 5%; min-height: 155px;  }
    .contact_texts p {  font-size: 14px;  }

    .feedbacks_title {  font-size: 22px;  margin-bottom: 25px; }
    .in_feedback_list li:nth-child(-n+4) { flex: 0 0 100%; }
    .in_feedback_list li {  margin-bottom: 20px;}
    .feedback1 { height: 40px;  line-height: 40px;}
    .feedback_btm1 { height: 45px; line-height: 45px; font-size: 14px; }
    .contact_introduct i img {  max-height: 60px; }
    .contact_introduct i { margin-bottom: 25px; }
    .contact_texts h3 { font-size: 22px;  margin-bottom: 10px; }


}

    



@media screen and (max-width:640px){
    
    .ages_change { margin: 25% 5% 0 5%}

}


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

}


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

}


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

}