@charset "utf-8";

/* CSS Document */
html{ overflow-x:hidden; }
body { font-size: 14px; font-family:微软雅黑,  arial, "serif"; color: #545454; -webkit-font-smoothing: antialiased; transition:.3s all; word-break:break-word; overflow-x:hidden; }
:root{
    --maincolor:#000000;
    --hovercolor:#c9952c;
    --activecolor:#eabb3b;
    --linecolor:#E2E2E2;
    --white:#ffffff;
    --color0:#000000;
    --color3:#333333;
    --color6:#666666;
    --color9:#999999;
    --colortitle:#545454;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;}
*{ -webkit-box-sizing: border-box; box-sizing: border-box; }
fieldset, img { border: 0;}
ol, ul, li { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}
q:before, q:after { content: '';}
a { color:var(--color0); text-decoration: none; transition:.3s all;}
a:hover { color:var(--hovercolor)}
input { outline: none; color:var(--color6); font-size: 15px;}
input::placeholder,textarea::placeholder{ color:var(--color6); font-size: 16px; font-family:微软雅黑,  arial, "serif"; }
textarea{ font-size: 15px; font-family:微软雅黑,  arial, "serif";  color:var(--color6); }

.allwidth{ max-width:1500px; margin-left:auto; margin-right:auto;}
.allwidthp{ max-width:1500px; margin-left:auto; margin-right:auto;}
.allwidth1{ max-width:96%; margin-left:2%; margin-right:2%;}
img{ max-width:100%; vertical-align:middle; }
.display_none{display:none;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.colorwhite{ color:var(--white) !important; }
.fontsize12{ font-size:12px !important;}
.text_center{ text-align:center;}
.v_align{vertical-align: middle;}
.lineheight24{ line-height:24px; }

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

.text_s1,.text_s2,.text_s3,.text_s4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.text_s1{ -webkit-line-clamp: 1; }
.text_s2{ -webkit-line-clamp: 2; }
.text_s3{ -webkit-line-clamp: 3; }
.text_s4{ -webkit-line-clamp: 4; }


/*---------------------share ico-----------------------*/
.news_share{ display:flex; justify-content:flex-end; flex-wrap:wrap; align-items:center;}
.news_share li{ margin-right:10px; position:relative; }
.news_share li a{ display:block; font-size:17px; width:35px; height: 35px; border-radius:50px; overflow:hidden; color:var(--white); text-align:center; line-height:35px; }

.ewm_img{ position:absolute; left:-20px; top:35px; padding-top:8px; width:80px; opacity: 0; height: 0; overflow:hidden; transition:.3s all; }
.weixin_ck:hover .ewm_img{ opacity: 1; height: auto; overflow:visible;}
.ewm_img img{ display:block; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.weixin i{ background:var(--maincolor); }
.email i{  background:var(--maincolor); }
.whatapp i{ background:var(--maincolor);  }
.skybe i{  background:var(--maincolor);  }
.tel i{  background:var(--maincolor);  }

.server_icos li{ margin-bottom:5px; position:relative;}
.server_icos li i{ display:block; width:45px; height:45px; border-radius:3px; overflow: hidden; cursor: pointer; text-align: center; line-height: 40px; transition: .4s all; }

.server_text{ position:absolute; right:40px; padding:0 10px 0 0; top:0;  z-index: 1010; height: 0; opacity: 0; overflow: hidden; transition: .4s all; }
.server_alltxt{background:var(--white); border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,0.2); width:100px; padding:2px 2px; line-height: 24px; }
.weixin .server_text{ top:auto; bottom:0; }
.server_icos li:hover .server_text{ height: auto; opacity: 1; overflow: visible;}
.server_icos li:hover i{ background:var(--hovercolor);}


/*---------------------goto-------------------------*/
.foot_server{ position:fixed; right:2px; bottom:30px; z-index: 650; }
#gotop{  bottom:50px;width:38px; height:38px; border-radius:3px;background:#616161; display:none; text-align:center; line-height: 38px; cursor:pointer; z-index: 88;transition: .4s all;}
#gotop:hover{ background: var(--hovercolor);}
#gotop img{ margin-top:30%;}

#gotop1{  width:45px; height:45px;background:var(--maincolor); border-radius:3px; display:none; text-align:center; line-height: 40px; cursor:pointer; transition: .4s all;}
#gotop1:hover{ background: var(--hovercolor);}
#gotop1 img{ margin-top:30%;}


/*-------------------------scroll-----------------------------
::-webkit-scrollbar { width: 2px; height: 2px; }
::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 6px; }
::-webkit-scrollbar-track{ background:#3989c6; }*/


/*-----------------------swiper------------------------*/
.detail_bimg{ position:relative;  padding:20px;}
.mySwiper21 { box-sizing: border-box;margin: 10px 0; padding:0 5px; }
.mySwiper21 .swiper-slide {	width: 25%;	height: auto !important; border:1px solid #dddddd;}
.swiper-slide21 img,.swiper-slide22 img{ display: block; width: 100%;height: 100%;object-fit: cover;	}

.mySwiper22{ margin-bottom:70px; }


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

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

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

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

.mySwiper21 .swiper-button-next{ width:auto !important; right:0 !important; }
 .mySwiper21 .swiper-button-prev{ width:auto !important; left:0 !important; }
 .mySwiper21 .swiper-button-next.swiper-button-disabled, .mySwiper21 .swiper-button-prev.swiper-button-disabled { opacity: .7 !important;}


/*------------------------article detail-----------------------------*/
.news_content{ line-height:32px; font-size:16px; color:var(--color6); margin-bottom:70px; padding:30px 5px 0 5px; }
.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_con{ font-size: 16px; line-height: 32px; color:var(--color6);}
.about_con h3{ font-size:36px; font-weight:bold; color:var(--color0);}
.about_con span{font-size:16px; }
.about_con p{ margin-bottom:20px;}

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

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

.in_feedback_list{ }
.in_feedback_list li{ margin-bottom:16Px;  width:100%; }
.in_feedback_list li span{ display:block; color:#202020; font-size:16px; margin-bottom:10px;  }
.feedback{ height: 45px; line-height: 45px; border:1px solid #d4d4d4; width:100%; padding: 0 10px; border-radius: 5px;}
.feedtext{width:100%;border:1px solid #d4d4d4; color:#999999; height: 155px; padding:10px; border-radius: 5px;}

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


/*--------------------------------pages---------------------------------*/
.pages{ text-align:center; }
.pages a{ display:inline-block; margin:0 2px; padding:5px 10px; border:1px solid #dddddd; border-radius:5px;vertical-align:middle;color:#919bb0; }
.pages a:hover{ background:var(--hovercolor); color:var(--white);}
.pages a.cur{ background:var(--hovercolor); color:var(--white); }
.pages a svg{ stroke:#919bb0; }
.pages a:first-child,.pages a:last-child{  padding-top:1px; padding:5px 9px; }

.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_detailtext{ padding:0 0 25px 0; border-bottom:1px solid #eeeeee; margin-bottom:20px;} 
.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:23px 24px;}
.news_detail_otherlist li:nth-child(1){ border-right:1px 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);}


/*---------------------------main-------------------------------*/

.header_con{ background:var(--white) !important; box-shadow: 0 0 10px rgba(0,0,0,0.2);  }
.header_bgs{ margin-left:auto; margin-right:auto;display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; padding:18px 0; }

.logos{ text-align:center; align-items: center;flex: 0 0 42%; }
.logos>a{ display: block; padding:3px 0px; }
.logos>a>img{ max-height: 60px;}

.header_mb{ display:none; position:absolute; right:2%; top:6px;}

.header_right{ flex:0 0 15%; justify-content: flex-end; margin-left:20px;  align-items: center;}

.top_navbg{ background: var(--color0); color:var(--white);}
.top_nav{ padding:10px 0; }
.top_left{ font-size: 13px;display: flex;  align-items: center;  }
.top_left span{ display: flex;  align-items: center; margin-right:25px;}
.top_left span i{ display: inline-block; margin-right: 9px; vertical-align: middle;}
.top_left span i svg{ fill:var(--hovercolor); width: 1.2em;}

.top_right{ display: flex; align-items: center;}
.top_right i svg{ fill:var(--hovercolor);}
.top_right a{ color:var(--white); font-size: 13px; display: inline-block; margin:0 9px;}
.top_right a:hover{ color:var(--hovercolor);}

.right_search{  border:1px solid var(--hovercolor); border-radius: 50px; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.right_search input{ flex:0 0 75%; width: 75%; border:0; height: 33px; line-height: 33px; padding: 0 0px 0 16px; font-size: 14px; color:#999999; }
.right_search input::placeholder{ color:var(--hovercolor); font-size: 14px; }
.right_search button{ height: 33px; line-height: 33px; padding: 0 15px 0 5px; font-size: 14px; border:0; cursor: pointer; background: none; flex:0 0 10%;}
.right_search button svg{ fill:var(--hovercolor); width: 1.6em; }

.rg_search{  border:1px solid #cccccc; border-radius: 50px; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.rg_search input{ flex:0 0 75%; width: 75%; border:0; height: 33px; line-height: 33px; padding: 0 0px 0 16px; font-size: 14px; color:#7c7c7c; }
.rg_search input::placeholder{ color:#7c7c7c; font-size: 14px; }
.rg_search button{ height: 33px; line-height: 33px; padding: 0 15px 0 5px; font-size: 14px; border:0; cursor: pointer; background: none; flex:0 0 10%;}
.rg_search button svg{ fill:#4c4c4c; width: 1.6em; }


.innavs{flex:1; margin-right:10px; align-items: center; justify-content: flex-end;   }
.innavs>li{  position:relative; padding:0px 10px; text-align: center; position: relative; }
.innavs>li>a{ display:inline-block; color:var(--color0);  font-size:16px; padding:6px 15px 6px 15px; transition:.4s all; font-weight: normal; text-align: center; position: relative;}

.innavs>li>a::after{  display: block;position: absolute; left:0; bottom:0; z-index: 9; height: 2px; background:var(--hovercolor); width:100%; transform:scaleX(0); transition:.4s all; }
.innavs>li:hover>a::after,.innavs>li.cur>a::after{ transform:scaleX(1); }
.innavs>li:hover>a,.innavs>li.cur>a{ background:var(--hovercolor); border-radius: 50px; color:var(--white);   }
.innavs_sec_con{ position:absolute; left:50%; top:30px; width:160px; font-size: 13px; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all;  transform:translateX(-50%); }
.innavs_sec{ box-shadow: 0 0 10px rgba(0,0,0,0.2);background:rgba(255,255,255,0.96); border-radius:5px; margin-top:10px; padding:5px 0 0 0;}
.innavs_sec>li{ position:relative;}
.innavs_sec>li>a{ color:var(--color3);display:block; text-align:center; font-size:14px; padding:10px 0; }
.innavs_sec>li>a:hover{ background:var(--hovercolor); color:var(--white);}

.innavs_three_con{ position:absolute; left:100%; top:0px; width:100%; z-index: 78; opacity: 0; height: 0; overflow:hidden; transition:.4s all; box-shadow: 0 0 10px rgba(0,0,0,0.2);  }
.innavs_three{ background:rgba(255,255,255,0.96);  margin-left:1px;}
.innavs_three>li>a{ color:var(--color6);display:block; text-align:center; font-size:13px; padding:8px 0; }
.innavs_three>li>a:hover{ background:var(--hovercolor); color:var(--white);}

.innavs>li:hover .innavs_sec_con{ opacity: 1; height: auto; overflow: visible; }
.innavs_sec>li:hover .innavs_three_con{ opacity: 1; height: auto;  overflow: visible;}

.banners{ position:relative;}
.banners img{ width: 100%;}
.body_bgs{ background: #f4f8fb; padding:50px 0 70px 0;}
.body_bgs1{ background: #f4f8fb; padding:25px 0 50px 0;}
.insection{ background: url("../images/indot.png") left center repeat-x; align-items: center;}
.insection_list{ flex:1; background: url("../images/initermbg.jpg") #f4f8fb repeat-x left top; border:1px solid var(--white); padding:25px 35px; box-shadow: 4px 0px 15px #dfe4f4 ; align-items: center; border-radius: 8px;}
.insection_list h3{ flex:1; font-size: 24px; color:var(--color0); font-weight: bold; margin-right:20px; }
.insection_list i{ display: block; flex:0 0 30%;}
.insection_list i img{ max-height: 95px;}
.insection span{ flex:0 0 55px; width: 55px; display: block; text-align: center;}

.allitems{ padding:55px 0 0 0;}
.allitems_con{ background: var(--white); border-radius: 10px; box-shadow: 4px 0 15px #f1f1f1;}

.intitle{ margin-bottom:50px; text-align:center ;}
.intitle h3{ font-size: 36px; color:var(--color0); font-weight: bold; margin-bottom:5px;}
.intitle p{ font-size: 16px; color:var(--color9); line-height: 26px; }

.allitems_con{ padding:50px 45px 70px 45px; }
.allitems_con dt{ display: flex; justify-content: space-between; align-items: center; margin-bottom:20px; }
.allitems_con dt h2{ font-size: 30px; color:var(--color0); font-weight: bold;}
a.seemore{ display: block; background: #e5e5e5; border-radius: 10px; padding:10px 25px; font-size: 14px; color:var(--color3);}
a.seemore:hover{ background: var(--hovercolor); color:var(--white);}

.allitems_list{ padding:20px 0; border-bottom:1px solid #e6e6e6;}
.allitems_list h3{ flex:1; padding:0 22px; font-size: 16px; color:var(--color0); position: relative;}
.allitems_list h3::before{ content:""; display: block; position: absolute; left:6px; top:9px; width: 5px; height: 5px; background:#585858; border-radius: 50%;}
.status{ flex:0 0 15%;}
.status_text{ display: inline-block; padding:3px 15px; background: #fbf1dc; border-radius: 5px; font-size: 14px; color:#8a5c01;}

.allitems_list time{ display: block; flex:0 0 15%; font-size: 16px; text-align: right; color:var(--color6);}

.in_about{ padding:65px 0 0 0;}
.in_about_left{ flex:1; margin-right:30px;}
.in_about_con dt{ display: flex; justify-content: space-between; align-items: center; margin-bottom:25px; }
.in_about_con dt h2{ font-size: 30px; color:var(--color0); font-weight: bold;}
.in_about_con dd{ background: var(--white); padding:40px 45px; border-radius: 10px; box-shadow: 4px 0 15px #f1f1f1;}
.inabout_text{ flex:1; margin-right:40px; font-size: 16px; line-height: 34px;}
.inabout_img{ flex:0 0 41%;}
.inabout_img img{ width: 100%; border-radius: 5px;}

.in_about_right{ flex:0 0 30%; }
.in_logins{ background: var(--white);border-radius: 10px; box-shadow: 4px 0 15px #f1f1f1; overflow: hidden;}
.in_logins dt{ background: url("../images/inmember_bg.jpg") no-repeat left top; padding:50px 160px 20px 45px; height: 215px; }
.in_logins dt h2{ font-size: 48px; color:#593408; font-weight: bold; margin-bottom:10px;}
.in_logins dt p{ font-size: 16px; color:#393939; line-height: 26px;}
.in_logins dd{ padding:45px 55px;}
a.login_now{ display: block; background: var(--hovercolor); border-radius: 10px; margin-bottom:29px; padding:15px 0; font-weight: bold; font-size: 20px; color:var(--white); text-align: center;}
a.login_now:hover{ background: var(--maincolor);}
.login_items{ text-align: center; font-size: 16px; color:var(--color0);} 
.login_items a{ display: inline-block; padding:0 10px;}
.login_items a:first-child{ border-right: 1px solid var(--hovercolor);}


.footerbgs{ background:#1a1a1a; color:#ffffff; font-size: 15px; }
.footerbgs a{ color:var(--white); }
.footerbgs a:hover{ color:Var(--maincolor); }
.footer_alls{ padding:65px 0 65px 0;}
.footer_contact h3{ font-size: 26px; color:var(--white); margin-bottom:1px;}
.footer_contact h3 img{ max-height: 61px;}

.flogos_left{ flex:0 0 26%;}
.footer_share{ padding:30px 0 0 0;}
.footer_share li{ flex:0 0 auto; margin-right:10px;}
.footer_share li a{ display: block; width: 40px; height: 40px; line-height: 35px; text-align: center; border-radius: 5px; border:1px solid var(--color3);}
.footer_share li a:hover{ border-color:var(--white); }
.footer_share li a img{ opacity: 0.35; transition: .4s all;}
.footer_share li a:hover img{ opacity: 1;}



.footer_right{ flex:0 0 12%; margin-left:10px; text-align: center; font-size: 14px;} 
.footer_right i{ display: block; margin-bottom:8px;}
.footer_right p{ color:var(--color9);}

.footer_lists{flex:1; margin:0 100px 0 60px;    }
.footer_listnav{flex:0 0 auto; margin-right:10%;}
.footer_listnav dt{ font-size: 24px; color:var(--white); font-weight: bold; margin-bottom:20px; }
.footer_listnav dd{ line-height:35px; font-size: 14px;  color:var(--color9);}
.footer_listnav dd a{ color:var(--color9);}
.footer_listnav dd a:hover{ color:Var(--hovercolor); }


.copyright{ text-align:left; padding:45px 0; color:var(--color9); text-align: center; font-size: 14px; border-top:1px solid #343434;  }
.footer_links{ padding:20px 0 0 0; }
.footer_links a{ color:var(--color9); margin:0 8px; }
.footer_links a:hover{ color:Var(--hovercolor); }



.mb_menu{ display:none;}
.mb_navsico{ cursor:pointer; float:right; width:40px; height: 40px;  border-radius:100px; color:var(--color0); text-align:center; line-height:40px; }
.mb_navsico svg{ width:15px;}
.mbnavs_sec { display: none;  background: var(--maincolor);  padding: 10px 0;  }    
.mbnavs_sec>li { padding: 10px 10px; }    
.mbnavs_sec>li>a { color: var(--color6); font-size: 14px;}    
.mb_menulist>li>a i{ display:block; width:10px;}

.mb_zz { display:none; position: fixed;left: 0;top: 0;right: 0;bottom: 0; background: rgba(0, 0, 0, 0.5);z-index: 4;}





/*-----------------------------sub-------------------------------*/
.subbanner{ position: relative; }
.subbanner img{ width:100%;}

.subtitle{ text-align: center; margin-bottom:45px; }
.subtitle h3{ font-size: 48px; color:var(--color0); }

.about_cons{ background: var(--white); padding:65px 60px; border-radius: 10px; box-shadow: 4px 0 15px #f1f1f1; font-size: 16px; line-height: 36px;}
.about_cons p{ margin-bottom:20px;}

.contact_cons{ background: var(--white); padding:65px 60px 80px 60px; border-radius: 10px; color:var(--color6); box-shadow: 4px 0 15px #f1f1f1;}
.contact_logo{ margin-bottom:40px; }
.contact_left{ flex:1; margin-right:50px; padding:30px 0 0 30px; font-size: 16px; line-height: 36px;}
.contact_right{ flex:0 0 60%; }
.contact_right img{ width: 100%; }


.prostitle{  margin-bottom:38px; align-items: center; }
.prostitle h3{ font-size: 48px; color:var(--color0); flex:0 0 30%; }

.pros_nav{ flex:1; justify-content: end;}
.pros_nav li{ margin-left:10px;}
.pros_nav li a{ display: block; padding:10px 20px; border-radius: 5px; border:1px solid #717171; background: var(--white); font-size: 16px; color:var(--color0); transition: .4s all;}
.pros_nav li a:hover,.pros_nav li.cur a{ background: var(--hovercolor); color:var(--white); border-color: var(--white);}

.product_lists{ margin-bottom:40px;}

.pros_title{ border-radius: 5px; background: #f5f5f5; padding:12px 10px; font-size: 16px; color:var(--color0); }
.pros_title li{ flex:1; text-align: center;}
.pros_title li:nth-child(2){ flex:0 0 15%; text-align: left; padding:0 0 0 8px;}
.pros_title li:nth-child(3){ flex:0 0 15%; text-align: right;}

.location{ padding: 0 0 25px 0; font-size: 13px; color:var(--color6);}
.location a{ color:var(--color6);}
.location a:hover{ color:Var(--hovercolor); }

.detail_top{ text-align:center;font-weight:bold; padding:0 0 30px 0; border-bottom:1px solid #eeeeee; }
.news_dtitle { font-size: 36px; font-weight: bold; color:var(--color0); margin-bottom:20px;}
.news_dspan{ font-size: 16px; color:var(--color6); font-weight: normal;}
.news_dspan i{ display: inline-block; margin-right:10px;}
.news_content { line-height: 26px; font-size: 14px; margin-bottom: 40px;}

.detail_content{ padding:50px 0 0 0;}
.detail_title{ font-size: 20px; font-weight: bold; color:var(--hovercolor); border-left:3px solid var(--hovercolor); padding:0 0 0 17px; margin-bottom:25px;}
.product_table{  border:1px solid #dedede; border-bottom:0; }
.product_item{ flex:0 0 50%; color:var(--color0);}
.product_item li{ border-bottom:1px solid #dedede;}
.product_item li{ font-size: 16px; line-height: 28px;}
.product_item li:nth-child(1){ flex:0 0 35%; background: #f1f1f1;padding:13px 20px 13px 7%; }
.product_item li:nth-child(2){ flex:0 0 65%;padding:13px 20px; }
.mb45{ margin-bottom:45px;}
.detail_list li{ margin-bottom:5px;}
.list_iterm{ background: #f5f5f5; padding:10px 10px; font-size: 16px; color:var(--color0); align-items: center; }
.list_iterm i{ flex:0 0 35px;}
.list_iterm h3{ flex:1;}
.list_iterm a{ flex:0 0 75px;  width: 75px; height: 32px; display: block; text-align: center; line-height: 32px; background: var(--hovercolor); color:var(--white); border-radius: 5px; text-align: center;}
.list_iterm a:hover{ background: var(--maincolor);}
.detail_texts{ padding:35px 0 0 0; border-top:1px solid #dedede; font-size: 16px; line-height: 36px;}

.baomin{ display: inline-block; background: var(--hovercolor); color:var(--white); padding:15px 40px; border-radius: 5px; font-size: 16px; border:0; transition: .4s all; cursor: pointer;}
.baomin:hover{ background: var(--maincolor);}

.login_left{ flex:0 0 50%; background: url("../images/login_line.jpg") right center no-repeat; padding:20px 0;}
.login_right{ flex:1; padding:50px 120px;}

.login_right>h2{ text-align: center; font-size: 36px; font-weight: bold; color:var(--hovercolor); margin-bottom:40px; }
.login_cons li{ margin-bottom:20px;}
.login_cons li h3{margin-bottom:10px; font-size: 16px; color:var(--color6); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; }
.login_cons li h3 span{ color:#ff0000;}
.login_cons li h3 strong{ color:var(--color0);}
.form_input{ height: 50px;border:1px solid #dedede; padding:0 10px; width: 100%; border-radius: 5px; font-size: 15px;}
.form_input::placeholder{ color:var(--color9); font-size:14px;}
.form_input2{ border:1px dashed #cccccc; border-radius: 5px; height: 180px; width: 100%; background: var(--white); cursor: pointer;} 
.form_input2 span{ display: block; padding:15px 0 0 0; }

.form_submit{ background: var(--hovercolor); color:var(--white); text-align: center; font-size: 16px; border-radius: 5px; height: 50px; line-height: 50px; border:0; width: 100%; transition: .4s all; cursor: pointer;}
.form_submit:hover{ background: var(--activecolor); }

.login_re{ padding:20px 0 0 0; text-align: center; font-size: 16px;}
.login_re_txt{ margin-bottom:20px;}
.login_re_txt a{ color:var(--hovercolor);}
.login_forget a{ color:var(--hovercolor);}
.login_re_txt a:hover,.login_forget a:hover{ color:var(--activecolor);}

.member_left{ flex:0 0 260px; }
.member_nav{ border-radius: 10px; color:var(--color6); box-shadow: 4px 0 15px #f1f1f1;background: var(--white); overflow: hidden; padding-bottom:50px; }
.member_nav dt{ background: var(--hovercolor); color:var(--white); padding:15px 10px; text-align: center; font-size: 24px; font-weight: bold;}
.member_nav dd{ padding:15px;}
.member_navlist>li{ border-bottom:1px solid #eeeeee;}
.member_navlist>li>a{ display: block; padding:17px 10px; text-align: center; font-size: 16px; color:var(--color6); transition: .4s all;}
.member_navlist>li>a:hover,.member_navlist>li.cur>a{ background: #fdf6e7; color:var(--hovercolor);}


.member_right{ flex:1; margin-left:20px; background: var(--white); padding:30px 45px 110px 45px; border-radius: 10px; color:var(--color6); box-shadow: 4px 0 15px #f1f1f1;}
.member_right_title { font-size: 20px; font-weight: bold; padding:0px 0 20px 0;color:var(--hovercolor); border-bottom:1px solid #f4ead5;}

.member_right_text{ padding:45px 0;}
.member_right_text>h3{ font-size: 28px; font-weight: bold; text-align: center; margin-bottom:35px; color:var(--color0);}

.member_pw li{ display: flex; align-items: center; margin-bottom:15px; flex-wrap: wrap; }
.maxwidth65{ max-width: 66%;}
.member_pw li h3{ display: block; flex:0 0 130px; text-align: right; padding:0 10px 0 0; font-size: 16px; }
.member_pw li h3 span{ color:#ff0000; }
.member_pw_list{ flex:1; }

.pw_content{ max-width: 835px; margin:0 auto;}
.pw_content1{ max-width: 90%; margin:0 auto;}
.sub_title{ font-size: 36px; font-weight: bold; margin-bottom:50px; color:var(--hovercolor);text-align: center; }

.form_input_k{ height: 50px; width: 100%; border:1px solid #dedede; border-radius: 5px; overflow: hidden; }
.form_input1{ height:48px; padding:0 10px; flex:1;  font-size: 15px; border:0;}
.form_code{ border:0px; cursor:pointer; display: block; flex:0 0 130px; text-align: center; color:#c9952c; font-size: 14px; line-height: 48px; height:48px; background:#fcf5e6; }

.mb_title{ background: #fcf5e6; color:var(--hovercolor); height: 50px; line-height: 50px; padding:0 15px; font-size: 18px; font-weight: bold; margin:35px 0;  }
.mb_infors i{ display: block; flex:0 0 22px;margin-bottom:15px; }
.mb_infors h3{ white-space: nowrap;}
.mb_infors a{ flex: 0 0 auto;margin-left:10px; color:var(--hovercolor) ; font-size: 14px; text-decoration: underline;}
.mb_infors a:hover{ color:var(--activecolor); }

.mb_items li{ margin-right:10px; border:1px solid var(--hovercolor); border-radius: 5px; height: 48px; position: relative; padding:0 35px; color:var(--hovercolor);margin-bottom:15px; }
.mb_items li span{ display: block; position: absolute; left:10px; top:0px; z-index: 100; }

.regist_input{ margin:6px 0 15px 0;}
.regist_bt{ cursor: pointer; width:50px; height: 50px; line-height: 40px; text-align: center; font-size: 20px; color:var(--color9);border:1px solid #dedede; border-radius: 5px; background: none; margin-right:10px;}
.regist_input span{ color:var(--color9);}

.regist_sm_bt{ background: #5a5a5a; height: 50px; line-height: 50px; text-align: center; padding:0 20px; border-radius: 5px; border:0; color:var(--white); margin-bottom:20px; cursor: pointer;  }
.regist_span{ margin-bottom:20px; }


.pros_zz{ position: fixed; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.65); z-index: 100;display: none; overflow-y: auto;}
.pros_content{ max-width: 800px; margin:4% auto 4% auto; background: var(--white); border-radius: 5px; padding:55px 50px; position: relative;  }
.pros_close{ position: absolute; right:20px; top:20px; z-index: 11; cursor: pointer;}

.registzz_content{max-width: 1300px; margin:4% auto 4% auto; background: var(--white); border-radius: 5px; padding:55px 50px; position: relative; }
.registzz_left{ flex:0 0 290px; }
.registzz_list{ background: #f5f5f5; border-radius:5px;  overflow: hidden; }
.registzz_list li{ padding:13px 20px; cursor: pointer; transition: .4s all; margin-bottom:1px;}
.registzz_list li:hover,.registzz_list li.cur{ background: var(--hovercolor); color:var(--white); }
.registzz_right{ flex:1; margin-left:35px; position: relative; padding-bottom:50px;}

.registzz_search{ max-width: 390px; margin-bottom:35px;}
.registzz_titles{ font-size: 16px; color:var(--color0); margin-bottom:20px; font-weight: bold;}
.main_list{ margin-left:-5px; margin-right:-5px; margin-bottom:40px;}
.main_list li{ flex:0 0 20%; padding-left:5px; padding-right:5px; margin-bottom: 10px;  }
.main_items{ height: 100%; padding:13px 5px; border:1px solid #dedede; border-radius: 5px; text-align: center; position: relative; cursor: pointer; }
.main_items span{ position:absolute; left:10px; top:0px; display: none; }
.main_items:hover,.main_items.cur{ border-color: var(--hovercolor); color:var(--hovercolor)}
.main_items.cur span{ display: block;}

.main_items1{ height: 100%; padding:13px 5px; border:1px solid var(--hovercolor); border-radius: 5px; text-align: center; position: relative; cursor: pointer; color:var(--hovercolor) }
.main_items1 span{ position:absolute; right:10px; top:0px;  }

.main_btm{ text-align: right; justify-content: end; position: absolute; right:0; bottom:0px; z-index: 19;}
.main_btm button{ padding:12px 40px; border-radius: 5px; background: #e4e4e4; cursor: pointer; border:0; margin-left:10px;}
.main_btm button:hover{ background: var(--color0); color:var(--white) }
.main_btm button:nth-child(1){ background: var(--hovercolor); color:var(--white);}
.main_btm button:nth-child(1):hover{ background: var(--activecolor); }


.p_ip{ align-items: center; margin-bottom:8px;}
.p_ip dt{ flex:0 0 120px; color:var(--color6); text-align: right;}
.p_ip dd{ flex:1; padding-left:10px; display: flex; align-items: center; flex-wrap: wrap; }
.p_imgs{ flex:0 0 50px; }
.mb_infors{ flex:1;}

.p_ip .mb_infors i{ margin-bottom:0;}

.rpt20{ padding-top:13px !important; }
.fl_auto h3{ flex:0 0 auto !important;}
.fl_auto i{ margin-bottom:0 !important;}


.go_back{text-align: right; margin-bottom:70px; }
.go_back a{ display:inline-block; background:var(--hovercolor); padding:10px 35px;  color:var(--white);  transition: .4s all; border-radius: 8px;}
.go_back a:hover{ background: var(--activecolor);}









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

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: ''!important;
}.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: ''!important;
}

.pl30{ padding-left:30px; }
.pt15{ padding-top:15px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt90{ padding-top:90px;}
.pt110{ padding-top:110px;}
.pt140{ padding-top:140px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb35{ padding-bottom:35px;}
.pb55{ padding-bottom:55px;}
.pb100{ padding-bottom:100px;}

.mt30{ margin-top:30px;}

.mb5{ margin-bottom:5px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.mb120{ margin-bottom:120px;}
.mb140{ margin-bottom:140px;}
.mb150{ margin-bottom:150px;}

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








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

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


}

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



 }


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



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

   }

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




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

   /* .swiper12 .swiper-button-prev {  left: 45.8%;  }
    .swiper12 .swiper-button-next { right: 45.8%;  }*/
    






}

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


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

 

}

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




}

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

}


@media screen and (max-width:980px){
   .header_mb { display:block;top: 54px;}
   .header_right,top_left{ display: none;}
   .innavs,.top_left{ display: none;}
.top_right {   flex: 1;  justify-content: end;}
.logos {  flex: 0 0 80%; }



   .mb_navsico{ cursor:pointer; float:right; width:40px; height: 40px;  border-radius:100px; color:var(--color0); text-align:center; line-height:40px; }
   .mb_navsico svg{ width:15px;}
   
   .mb_menu{ position:fixed; left:1%; right:1%; top:5px; bottom:5%; z-index: 800;border-radius:15px; padding:50px 20px 20px 20px; overflow-y:auto;}
   .mb_menulist>li{ border-bottom:1px solid #cccccc;  }
   .mb_menulist>li>div{ display:flex; justify-content:space-between; padding:14px 5px;  }
   .mb_menulist>li>div>a{  font-size:16px; color:var(--color3);}
   .mbnavs_sec{ display:none; background:#f1f1f1; padding:10px 0;  }
   .mbnavs_sec>li{ padding:0 20px; }
   .mbnavs_sec>li>div{ color:var(--color6); font-size:14px; display:flex; justify-content: space-between; padding:10px 5px; border-bottom:0px solid #dddddd;  }
   .mbnavs_sec>li>div>a{ color:var(--color6);}
   .mbnavs_sec>li:last-child>div{ border-bottom:0;}

   .mbnavs_three{ padding:12px 0; display: none;}
   .mbnavs_three>li{ padding:5px 0 5px 25px; font-size: 14px; position: relative; }
   .mbnavs_three>li::after{ content:""; display: block; width:3px; height:3px; border-radius: 10px; background: var(--white); position: absolute; left:10px; top:13px; z-index: 3;}
   .mbnavs_three>li>a{ color:var(--white);}
   .mbnavs_three .inpros_more{ color:var(--white) !important;}

   .mb_zz{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.95); z-index: 700;}

   .p_ip dt { flex: 0 0 100%;  text-align: left; margin-bottom:10px; }
   .p_imgs {  flex: 0 0 50px; }
   .p_ip dd {  padding-left: 0;}
   .p_ip .mb_infors{ margin-bottom:0 !important; }
   .p_ip span{ margin-bottom:0 !important; margin-top:5px;}
   .p_ip {  margin-bottom: 20px; }






   
   
   
   


}



@media screen and (max-width:780px){
    .allitems_con { padding: 30px 15px 30px 15px; }
    .in_about_con dd {  padding: 30px 15px;}
    .footer_alls {  padding: 35px 0 15px 0; }
   .inabout_text { flex: 1;  margin-right: 0; margin-bottom:20px;font-size: 14px;  line-height: 26px;}
.inabout_img { flex: 0 0 100%; }
.in_about_left {  flex: 1;  margin-right: 0; margin-bottom:30px; } 
.body_bgs {  padding: 30px 0 30px 0; }

.in_about_right { flex: 0 0 100%; }
.flogos_left{ display: none;}
.footer_listnav:nth-child(2){ display: none;}
.footer_right {  flex: 0 0 100%;   margin-left: 0;text-align: left;}
.footer_lists { flex: 0 0 100%;  margin: 0 10px 20px 0px; }
.copyright { padding: 20px 0;}
.insection_list h3 {  font-size: 13px;}
.insection span {  flex: 0 0 25px;  width: 25px;}
.insection_list { flex: 0 0 41%;    padding: 13px 10px; margin-bottom: 15px;}
.insection{ background: none;}

.intitle { margin-bottom: 30px;}
.intitle h3 {  font-size: 30px;}
.allitems { padding: 30px 0 0 0; }
.allitems_con dt h2 { font-size: 25px;}
a.seemore { padding: 10px 10px;}
.allitems_list h3 {   flex: 0 0 100%; margin-bottom: 10px; padding: 0 0 0 22px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1; /* 限制显示的行数为3行 */
  overflow: hidden; }
.status {  flex: 0 0 23%; }
.allitems_list time {  flex: 0 0 35%; font-size: 14px;}
.in_about {   padding: 45px 0 0 0; }
.in_logins dt { padding: 30px 100px 20px 40px;  height: 158px; }
.in_logins dt h2 { font-size: 30px;}
.in_logins dd {   padding: 35px 40px; }
.footer_right{ display: none;}
.subtitle h3 { font-size: 28px;}
.subtitle {  margin-bottom: 25px; }
.about_cons {  padding: 30px 20px; font-size: 14px;  line-height: 26px; }
.contact_cons { padding: 35px 20px 40px 20px;}
.contact_left {flex:0 0 100%; margin-bottom:20px;  margin-right: 0;  padding: 0px 0 0 0px; font-size: 14px; line-height: 28px; }
.contact_right { flex: 0 0 100%; }
.login_left{ display: none;}
.login_right { flex: 0 0 100%;   padding: 20px 0px; }
.login_right>h2 { font-size: 30px;  margin-bottom: 35px; }
.member_left {  flex: 0 0 100%;  margin-bottom: 25px; }
.member_right { margin-left: 0; padding: 30px 15px 10px 15px;}
.member_right_text>h3 {  font-size: 22px; margin-bottom: 30px;}
.product_item {  flex: 0 0 100%;}
.detail_texts { font-size: 14px;  line-height: 28px; }
.member_right_text { padding: 35px 0 30px 0; }
.list_iterm h3 { font-size: 15px;}
.detail_title {   font-size: 18px;}
.product_item li {  font-size: 15px; line-height: 26px; }
.list_iterm a {  font-size: 14px;  flex: 0 0 55px; width: 55px;  height: 30px;  line-height: 30px;}
.member_nav dt {   padding: 10px 5px;  font-size: 18px; }
.member_nav {  padding-bottom: 0px; }
.member_navlist>li>a {  padding: 10px 10px;  font-size: 14px;}
.member_navlist>li:last-child{ border-bottom:0; }
.maxwidth65 {  max-width: 100%; }
.member_pw li>h3 {  flex: 0 0 100%;  text-align: left; padding: 0 16px 15px 0; font-size: 15px; }
.mb_infors{ margin-bottom:20px;}
.fl_auto{ margin-bottom:0 !important;}
.pros_title{ display: none;}
.sub_title {   font-size: 28px;  margin-bottom: 30px;}
.prostitle h3 { font-size: 28px;  flex: 0 0 100%;   text-align: center;  margin-bottom: 20px; }
.pros_nav li a { padding: 10px 10px;   font-size: 14px;}
.pros_nav li { margin-left: 5px; }
.prostitle { margin-bottom: 25px;}
.news_dtitle {  font-size: 24px;}
.pros_content {  max-width: 94%; margin: 5% auto 5% auto;  padding: 55px 15px; overflow-y: auto;}
.pw_content1 { max-width: 100%;}
.registzz_content { max-width: 94%; margin: 5% auto 5% auto;  padding: 55px 10px;height: 800px;  overflow-y: auto;}
.registzz_left {  flex: 0 0 100%;  margin-bottom: 30px; }
.registzz_right {  margin-left: 0;}
.registzz_list {   height: 290px;  overflow-y: auto; }
.registzz_list li { padding: 9px 20px;}
.main_list li {  flex: 0 0 50%;}







}

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

    


}


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

}


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

}


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

}