@charset "utf-8";
/* litecss样式表  */
/* 页面层次一般为：
 |--------------------1.body ------------------------------------------|
 |        |---------------2.header----------------------------|        |
 |        |-------------------3.xiline------------------------|        |
 |        |-------------------3.xibox-------------------------|        |
 |        |---------------2.footer----------------------------|        |
 |---------------------------------------------------------------------|
*/

/* 0.全局通用布局样式设置Basic  开始 */
html { font-size: 14px; }
body { font-family:"Microsoft Yahei"; color:#333333; margin:0; padding:0; background: url(../image/bg.png); }
table { border-collapse:collapse; border-spacing:0;}
img { border: none; }
a { text-decoration: none; color: #666666; }
button { border:none; padding:0; }
button:-moz-focus-inner { border:none; }
input[type=radio],input[type=checkbox] { vertical-align:middle; }
input.checkbox { vertical-align:middle; }
input { VERTICAL-ALIGN: middle; outline: medium; }
input, textarea, select, button { font-weight:inherit; font-family:inherit; font-size:inherit; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ul, li { list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0; margin: 0; }
dl, dt, dd { list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0; margin: 0; }
p { margin: 0; padding: 0; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { vertical-align:baseline; zoom:1; }
textarea { overflow:auto; }
/* 0.全局通用布局样式设置Basic  结束 */


/* 1.基本布局通用样式设置  开始 */
.none { display: none; }
.block { display:block; }
.fl { float:left; }
.fr { float:right; }
.tl { text-align:left;} 
.tr { text-align:right;} 
.tc { text-align:center;} 
.ml_auto { margin-left:auto; }
.mr_auto { margin-right:auto; }
.fb { font-weight:bold;} 
.fn { font-weight:normal;}   
.nobg { background:none; }
.noborder { border:none; }
.nounderline, .nounderline a { text-decoration: none; }
.pointer { cursor: pointer; }
.hr { border-top: 1px solid #CCCCCC; }
.cb { clear:both;  }
.cbline { float: left; clear:both; font-size:0px; height:1px; width:100%; background: #DDDDDD; }
/* 1.基本布局通用样式设置  结束 */


/* 2.主框架展示模块样式设置 开始 */
.wrap { }
.x_line { float: left;  width: 100%; clear: both; }
.x_box { max-width: 1920px; width: 80%; margin: 0 auto;  }
.header { }
.footer { }
.nav { }
/* 2.主框架展示模块样式设置 结束 */


/* 3.个性UI样式设置  开始  */
.color_000, .color_000 a { color:#000; }
.color_fff, .color_fff a { color:#fff; }
/* 3.个性UI样式设置  结束  */


/* 6.头尾部分样式设置  开始  */
.header_fixed { width: 100%;   position: fixed; left: 0; top: 0; z-index: 9999;  background: url(../image/bg_m_nav.png); border-bottom: 1px solid #dddddd;  }
.header_top { width: 80%; max-width: 1920px; margin: 0 auto;  }
.top_logo { float: left; }
.top_nav { float: right; }
.top_nav ul {
		margin-top: 1rem;
		display: flex; 
		justify-content: space-around; 
		align-items:center; 
		flex-direction: row; 
		flex-wrap: nowrap;
		flex-flow: wrap;
		align-content: flex-start;
		/* border: 1px solid #000; */
		}
.top_nav li {  margin-top: 1rem;  }
.top_nav li a { font-size: 19px;}
.top_nav li a:hover { font-weight: bold;  }
.top_nav .now a { font-weight: bold;  }
.top_nav_on { display: none; }
.top_nav_off { display: none; }

.top_banner { }





.foot_nav { display: block; float: left; margin-left: 27%; }
.foot_nav ul { float: right; margin-top: 2.5rem; }
.foot_nav li { display: block; float: left; padding: 0 20px; }
.foot_nav li a { color: #FFFFFF; }
/* 6.头尾部分样式设置  结束 */

/* 7.首页、栏目页与内容页主展示模块 开始 */



.topbread { float: left;  width: 100%;  margin-top: 3rem;  margin-bottom: 2rem;  padding-bottom: 1rem;  font-size: 1.5rem;  border-bottom: 1px dashed #ddd; }

.pageback {display: block; background: #EC0150; color: #FFFFFF; width: 10%; text-align: center; padding: 1rem 2rem; margin-left: 42.5%; margin-top: 2rem; margin-bottom: 2rem; cursor: pointer; border-radius: 5px; }

.epages { text-align: center;  }
.epages a { padding: 5px 10px; background: #ffffff; margin-left: 5px; margin-top: -5px; }
.epages a:hover { background: #0a70ca; color: #ffffff; }
.epages .now  { background: #0a70ca; color: #ffffff; }
.epages a:first-child { display: none; }

.index_about {  width: 80%; margin: 1rem auto;   }
.index_about_a {   }
.index_about_a_tit {  margin-top: 3rem; font-size: clamp(20px,5vw,36px); }
.index_about_a_text { margin-top: 1rem; line-height: 2rem; }
.index_about_a_more_bt {  margin-top: 2rem;  }
.index_about_a_more_bt a {     background: #f3801f;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 10px 30px; }

.index_about_news_tit {  margin-top: 4rem; font-size: clamp(20px,5vw,36px); }
.index_about_news {  margin-top: 1rem; line-height: 2rem;  }

.index_about_b { text-align: center;  }
.index_about_b img { max-width: 60%; }

.index_book_line { background-image: url(../image/book-bg.png); padding-bottom: 1rem; }
.index_book { width: 80%; margin: 2rem auto;   }
.index_book_a  {  margin-top: 1rem; font-size: 1.5rem; font-weight: bold; }
.index_book_b  {  clear: both; margin-top: 1rem;   }
.index_book_c  {  clear: both; margin-top: 2rem;  margin-bottom: 1rem;  }
.index_book_bt { background: #ffffff;  color: #f3801f;  border-radius: 5px; padding: 10px 30px;  }
.index_book_news { line-height: 2rem;  margin-top: 1rem;  }
.index_book_news_tit {  margin-top: 1rem; font-size: 1.5rem; font-weight: bold;  }
.index_book_news a { color: #333333;  }



.index_services { width: 90%; margin: 1rem auto;  }
.index_services_tit  {  text-align: center; margin-top: 5rem; }
.index_services_text  {  text-align: center; margin-top: 1rem; }
.index_services_list_box  {   }
.index_services_list {  margin-top: 1rem; }
.index_services_list ul {   }
.index_services_list ul li {  }
.index_services_list ul li .li_box { float: left; width: 98%;  background: #f1f1f1; border-radius: 1rem; margin: 1rem 1%; padding: 3rem 5%; }
.index_services_list ul li .left {  float: left; width: 30%; text-align: center; }
.index_services_list ul li .left img {width: 80%; }
.index_services_list ul li .right {  float: left; width: 60%; border-left: 5px solid #f3801f; padding: 0 5%; }
.index_services_list ul li .tit {    }
.index_services_list ul li .text { line-height: 2rem; font-size: 1.2rem; font-weight: bold;   }
.index_services_list ul li .link { background: #f3801f;  color: #FFFFFF;  border-radius: 5px; padding: 10px 30px;   }

.see_bt {
    width: 170px;
    margin: 0 auto;
    text-align: center;
}
.see_bt a {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background-color: #242424;
    border-radius: 4px;
    padding: 10px 0px;
    margin-top: 20px;
}








.index_feature_line { background-image: url(../image/choose-bg.jpg); margin-top: 5rem; padding-top: 1rem; padding-bottom: 3rem; background-position: top center;  }
.index_feature { }
.index_feature_tit {  text-align: center; margin-top: 3rem;   }
.index_feature_text { text-align: center; margin-top: 1rem; margin-bottom: 2rem;  }
.satisfied_text_1 { font-size: 1.2rem; }
.index_feature_list { padding-bottom: 2rem;}



.index_shop  { width: 80%; margin: 1rem auto;  }
.indexshop_tit {  text-align: center; margin-top: 5rem;   }
.indexshop_text {  text-align: center; margin-top: 2rem; }
.index_shop_list {  margin-top: 2rem;   }
.index_shop_list .tit { font-size: 1.5rem; font-weight: bold; }
.index_shop_list .text { margin: 1rem 0; }
.index_shop_list .pic { width: 100%;  }




.index_chayishi_box  { width: 80%; margin: 1rem auto; }
.index_chayishi_tit {  text-align: center; margin-top: 3rem;  }
.index_chayishi_text {  text-align: center;  margin-top: 2rem; }
.index_chayishi_list { text-align: center;  margin-top: 2rem;  --bs-gutter-x: 0; }
.index_chayishi_list .name { font-size: 1.5rem; margin-top: 1rem; font-weight: bold;   }
.index_chayishi_list .text { margin-top: 1rem;   }
.index_chayishi_list .pic { width: 30%;  }
.index_chayishi_list .place {  margin-top: 1rem; margin-bottom: 2rem;  }
.index_chayishi_list_num {  margin: 0; padding: 0;  }




.index_biaodan_box {  }
.index_biaodan { width: 80%; margin-left: 10%; }
.index_biaodan_tit { margin-top: 6rem;  }
.index_biaodan_input { width: 100%; border: 1px solid #CCCCCC; border-radius: 5px; padding: 0.5rem 0.5rem;; margin-top: 1rem;  }
.index_biaodan_massage {  width: 100%; border: 1px solid #CCCCCC; border-radius: 5px; padding: 0.5rem 0.5rem;; margin-top: 1rem;  }
.index_biaodan_bt {}
.index_biaodan_bt a { display: block; margin-top: 1rem;   background: #f3801f; color: #FFFFFF; border-radius: 5px; padding: 10px 0; text-align: center; }





.choose_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.choose_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #ffffff;
    margin: 0px;
    text-align: center;
}

.choose_section_2 {
    width: 100%;
    float: left;
    padding-top: 60px;
}



.choose_left_main {
    float: left;
}

.choose_right_main {
    float: left; margin-left: 1rem;
}












.footer_section {
    width: 100%;
    float: left;
    background-image: url(../image/footer-bg.png);
    height: auto;
    padding-bottom: 80px;
    padding-top: 160px;
    background-size: cover;
	background-position: top center;
	font-size: clamp(20px,5vw,30px);
}

.newsletter_section {
    width: 100%;
    float: left;
}

.newsletter_left {
    width: 30%;
    float: left;
}

.newsletter_right {
    width: 70%;
    float: left;
    padding-top: 30px;
}

.footer_logo {
    width: 100%;
    float: left;
}
.footer_logo img {
    max-width: 100%;
}

.newsletter_taital {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #f2882e;
    text-transform: uppercase;
}

.subscribe_main {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #fff;
}

.subscribe_bt {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #f2882e;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.subscribe_bt a {
    color: #f2882e;
    float: right;
}

.mail_text {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #d9d9d8;
    background: transparent;
    border: 0px;
}

input.mail_text::placeholder {
    color: #d9d9d8;
}

.footer_taital_main {
    width: 90%;
    float: left;
	margin-left: 5%;
    padding-top: 90px;
}

.useful_text {
    width: 80%;
    float: left;
    font-size: 22px;
    color: #fefefe;
    font-weight: bold;
}

.ipsum_text {
    width: 80%;
    float: left;
    font-size: 16px;
    color: #ffffff;
    margin: 0px;
}

.footer_links {
    width: 100%;
    float: left;
}

.footer_links ul {
    margin: 0px;
    padding: 0px;
}

.footer_links li {
    font-size: 16px;
    color: #fefefe;
}

.footer_links li a {
    color: #fefefe;
}

.footer_links li a:hover {
    color: #f2882e;
}

.padding_left_10 {
    padding-left: 10px;
}

.addres_link {
    width: 100%;
    float: left;
}

.addres_link ul {
    margin: 0px;
    padding: 0px;
}

.addres_link li {
    font-size: 16px;
    color: #fefefe;
    padding-bottom: 10px;
}

.addres_link li a {
    color: #fefefe;
}

.addres_link li a:hover {
    color: #fefefe;
}

.social_icon {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 10px;
}

.social_icon ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.social_icon li {
    float: left;
    padding-right: 10px;
}

.copyright {
    width: 100%;
    float: left;
    font-size: clamp(20px,2vw,22px);
    color: #ffffff;
    text-align: center;
    padding-bottom: 0px;
	margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ffffff;
}
.copyright a { color: #ffffff; }















.fulltext {
width:100%; 
height:2rem; 
overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis; 
text-overflow: ellipsis;/* IE/Safari */ 
-ms-text-overflow: ellipsis; 
-o-text-overflow: ellipsis;/* Opera */ 
-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ 
}


/* 7.首页、栏目页与内容页主展示模块 结束 */

/* 8.移动端兼容样式  开始  */

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

.header_fixed { width: 100%;   position: fixed; left: 0; top: 0; z-index: 9999;  background:#ffffff;  }
.header_top { width: 100%  }
.top_logo { float: left; }
.top_nav { display: none; float: right; width: 100%; }
.top_nav ul {
		margin-top:0;
		float: left;
		text-align: center;
		border: 1px solid #999999; 
		border-radius: 10px;
		position: absolute;
		z-index: 9999;
		width: 100%;
		background: url(../image/bg_m_nav.png);
		padding: 1rem 0;
		}
.top_nav li { width: 100%;  margin-top: 0.6rem; margin-bottom: 0.6rem; }
.top_nav li a { font-size: 19px;}
.top_nav .now a { font-weight: bold;  }
.top_nav_on { display: block; position: fixed; top: 2rem; right: 2rem;  z-index: 999;}
.top_nav_off { display: none; position: fixed; top: 2rem; right: 2rem; z-index: 999; }

.top_blank  {  height: 80px    }
.top_banner {   }





.foot_nav { display: block; float: left; margin-left: 27%; }
.foot_nav ul { float: right; margin-top: 2.5rem; }
.foot_nav li { display: block; float: left; padding: 0 20px; }
.foot_nav li a { color: #FFFFFF; }










}





/* 8.移动端兼容样式  结束  */