/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;}
a{color:#666;}
a:hover{ color:#d6ba8d; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1280px !important; margin:0 auto; max-width:1280px !important;}
.wapper03{ width:1100px; margin:0 auto; max-width:1100px;}


@font-face {
  font-family: "Waterfall";
  src: url("../fonts/MCoRzAfo293fACdFKcwo3bv9.woff2") format("woff2"),
}
@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2") format("woff2"),
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2") format("woff2"),
}


.top{ background:#d6ba8d; padding:5px 0; text-align:center;}
.top span{ color:#fff; font-size:14px}

.header-bg{ width:100%; z-index:9; padding-top:1%; padding-bottom:3%; border-bottom:1px solid rgba(10,10,10,0.08)}
.logo{ text-align:center; width:100%;}
.logo img{ height:109px; display:block; filter: brightness(0%) contrast(200%) invert(0%) opacity(100%); margin:0 auto;}



.search{ display: flex;  justify-content:center;  align-items: center; height:46px;  margin-top:-50px; transition: all 0.5s; opacity:0 }
.search .input_text{  background:none; border:none;outline:none; font-size:18px; width:90%}
.search .input_text::-webkit-input-placeholder{ color:#ccc;}
.search a{ width:46px; height:46px; display: flex; justify-content: center;  align-items: center;}
.search a img{ max-width:100%; max-height:100%;}
.header01{ height:76px;}


/*menu*/
.menu{height:76px;line-height:76px;display: flex;justify-content: center;align-items: center;transition: all 0.5s;}
.menu ul{}
.menu ul li{float:left;position:relative;margin-right: 20px;}
.menu ul li dl{background:#fff;position:absolute;left:0px;top:76px;padding: 20px 0;display:none;border-top: #d6ba8d 3px solid;min-width: 240px;white-space: nowrap;}
.menu ul li dl dd{line-height: 30px;/* border-bottom:#ddd dotted 1px; */margin: 0 15px;}
.menu ul li dl dd a{font-size: 15px;color: #00000099;font-weight:normal;display:inline;padding: 6px 10px;text-align:left;}
.menu ul li dl dd a:hover{opacity: .7;    background-color: rgba(0, 0, 0, .03);}
.menu a{font-size: 15px;color:#00000099;text-decoration:none;font-weight: normal;display:block;text-align:center;padding-right: 20px;}
.menu a:hover{color:#d6ba8d;}
a.menu_hover{color:#d6ba8d;     opacity: .7;}
.menu_down span{ display:block;background:url(../images/xoia01.png) right 0px center no-repeat; background-size:12px !important;}

.due{display: flex;}
.due a{ width:26px; display: flex; justify-content: center;  align-items: center;}
.due a img{ width:100%; vertical-align:bottom;}

.checked{ opacity:1; margin-top:0}
.checked01{ display:none;  margin-top:-50px;}

.video{ width:100%; position:relative;}
.video video{ width:100%; vertical-align:bottom;}
.video .semize{ position:absolute; bottom:20%; text-align:center; color:#fff; width:100%; left:0;}
.video .semize>span{font-family: 'Waterfall', handwriting; font-size:31px; display:block;}
.video .semize>h2{ font-size:49px; display:block;    font-family: "Playfair Display"; font-weight:normal;}
.video .semize>a{ display:block; width:151px; background:#fff; line-height:48px; color:#333; text-align:center; font-size:14px; margin:0 auto; font-family: "Playfair Display";    text-transform: uppercase; margin-top:1%;}
.video .semize>a:hover{ background:#333; color:#fff;}


.banner{ position:relative;}
.banner .img .semize{ position:absolute; bottom:20%; text-align:center; color:#fff; width:100%; left:0;}
.banner .img .semize>span{font-family: 'Waterfall', handwriting; font-size:31px; display:block;}
.banner .img .semize>h2{ font-size:49px; display:block;    font-family: "Playfair Display"; font-weight:normal;}
.banner .img .semize>a{ display:block; width:151px; background:#fff; line-height:48px; color:#333; text-align:center; font-size:14px; margin:0 auto; font-family: "Playfair Display";    text-transform: uppercase; margin-top:1%;}
.banner .img img{ display:block; width:100%; height:100vh; object-fit: cover; vertical-align:bottom;}
.banner .img .semize>a:hover{ background:#333; color:#fff;}

.title{ text-align:center;}
.title span{font-family: 'Waterfall', handwriting; font-size:40px; color:#333;}
.title h2{font-family: "Playfair Display"; font-size:35px; color:#333; font-weight:normal;     text-transform: uppercase; margin-top:1%}
.cent01{ padding:1.8% 0;}
.cent01 ul li{ float:left; display:block; width:calc((100% - 4%)/3); margin-right:2%}
.cent01 ul li:nth-child(3n) { margin-right: 0% ;}
.cent01 ul li a{ display: flex;  align-items: center;}
.cent01 ul li a img{ width:44px; margin-right:5%;}
.cent01-l{ color:#333;}
.cent01-l h2{ font-size:18px; font-family: "Playfair Display"; font-weight:normal;}
.cent01-l em{ font-style:normal; font-size:16px; color:#ababab; display:block; margin-top:2%}


.cent02{ margin-top:6%;}
.cent02 ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%; margin-top:2%;text-align:center;}
.cent02 ul li:nth-child(4n) { margin-right: 0% ;}
.cent02 ul li .img{ display: flex; justify-content: center;  align-items: center; width:100%; height:40vh;}
.cent02 ul li .img img{ max-width:100%; max-height:100%;}
.cent02 ul li span{ display:block; font-size:16px; color:#333;  font-family: "Playfair Display";    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.cent02 ul li:nth-child(4n-3){ clear:left;}

.more{ display:block; margin:0 auto; width:148px; height:50px; line-height:52px; text-align:center; color:#333333; border:1px solid #333333;}
.more:hover{ color:#fff; background:#333;}


.cent03{ margin-top:3%;}
.cent03 ul li{float:left; display:block; width:calc((100% - 3.2%)/2); margin-right:3.2%; position:relative; }
.cent03 ul li:nth-child(2n) { margin-right: 0% ;}
.cent03 ul li .img{ padding-top:50%;}
.cent03 ul li .wom{ position:absolute; width:100%; height:100%; left:0; top:0; display: flex; justify-content: center;  align-items: center;flex-wrap: wrap;   flex-direction: column; color:#fff;}
.cent03 ul li .wom span{font-family: 'Waterfall', handwriting; font-size:45px; }
.cent03 ul li .wom h2{font-family: "Playfair Display";font-size:30px; display:block; margin-top:2%}
.cent03 ul li .wom>a{ display:block; width:194px; line-height:50px; text-align:center; color:#fff; border:1px solid #fff; font-size:14px; margin-top:4%}
.cent03 ul li .wom>a:hover{ color:#333333; background:#fff;}
 

.cent04{ margin-top:3%;}
.cent04 ul li{float:left; display:block; width:calc((100% - 6.4%)/3); margin-right:3.2%; position:relative; }
.cent04 ul li:nth-child(3n) { margin-right: 0% ;}
.cent04 ul li .img{ padding-top:50%;}
.cent04 ul li .wom{ position:absolute; width:100%; height:100%; left:0; top:0; display: flex; justify-content: center;  align-items: center;flex-wrap: wrap;   flex-direction: column; color:#fff;}
.cent04 ul li .wom span{font-family: 'Waterfall', handwriting; font-size:45px; }
.cent04 ul li .wom h2{font-family: "Playfair Display";font-size:30px; display:block; margin-top:2%}
.cent04 ul li .wom>a{ display:block; width:194px; line-height:50px; text-align:center; color:#fff; border:1px solid #fff; font-size:14px; margin-top:4%}
.cent04 ul li .wom>a:hover{ color:#333333; background:#fff;}
 
 

.cent05{ color:#333; text-align:center;margin-top:6%;} 
.cent05 h2{    font-family: 'Montserrat'; font-size:18px; font-weight:normal;}
.cent05 span{font-family: 'Waterfall', handwriting; font-size:45px; display:block; margin-top:3%;}

.cent06-bg{margin-top:6%; color:#fff; text-align:center; padding:6% 0; margin-bottom:3%}
.cent06 span{font-family: 'Waterfall', handwriting; font-size:40px}
.cent06 h2{ font-family: "Playfair Display";  font-size:35px }
.cent06 em{ font-style:normal; font-size:16px; display:block; margin-top:1.5%}


.cent08{margin-bottom:4%;}
.cent07{ margin-top:2%; }
.cent07 ul{ text-align:center;}
.cent07 ul li{ display:inline-block; margin:2% 3% 0 3%;}
.cent07 ul li a{ height:64px; width:auto; display:block;}
.cent07 ul li img{ height:100%; width:auto;}


.footer-bg{ border-top:1px solid #efefef; padding:3% 0 1.5%}

.logo01{ float:left; display:block; width:22.75%; margin-right:3%}
.logo01 a{ display:block; width:100%}
.logo01 a img{ width:100%; vertical-align:bottom;}

.cust{float:left; display:block; width:22.75%; margin-right:3%}
.cust h2{}
.cust h2 a{ font-size:24px; color:#333; display:block; font-weight:normal;font-family: "Playfair Display";}
.cust ul{ margin-top:4%}
.cust ul li{ line-height:33px; font-size:14px; }



.cust ul li a{color:#ababab; text-transform: uppercase;}
.join{float:right; display:block; width:22.75%;}
.join h2 a{ font-size:24px; color:#333; display:block; font-weight:normal;font-family: "Playfair Display";}
.join .input_text{ padding:12px; display:block; box-sizing:border-box; font-size:14px; color:#4e4e4e; border-bottom:1px solid #bbb; width:100%; margin-top:4%}
.join>a{ display:block; margin-top:2%; background:#000; font-weight:normal; color:#fff; font-size:14px; width:100px; line-height:38px; text-align:center; margin-top:8%;}

.fenxie{ display: flex; align-items: center; margin-top:8%; }
.fenxie a{ width:28px; margin-right:10px; height:28px; display: flex; justify-content: center;  align-items: center;}
.fenxie a img{ max-width:100%; max-height:100%;}


.top01{ background:rgba(0,0,0,.4); border-radius:5px 0 0 5px; width:40px; height:40px; display: flex; justify-content: center;  align-items: center; position:fixed; right:0; bottom:14%;}
.top01 img{ max-width:100%; max-height:100%;}

.sp_header{ display:none}
.sjj_nav{ display:none}

.cent09{ margin:3% auto; text-align:center;}
.cent09 h2{ font-weight:normal; font-size:80px; font-family: "Playfair Display"; color:#333; line-height:1;}

.weizhi{ color:#333; font-size:14px; display:block; margin-top:1%;}
.weizhi a{ font-size:14px; color:#333;}

.cent10{ margin-top:1%;}
.cent10 dl dd{float:left;display:block;width: 14.5%;margin-right:20px; position:relative;}
.band{border:1px solid #D7D7D7;padding:10px 10px 10px 20px;font-size:14px;display: flex;align-items: center;width:100%;box-sizing:border-box;justify-content: space-between;}
.band span{}
.band img{width: 16px;}
.cent10 dl dd .erji{ padding: 20px;     min-width: 300px; position:absolute; top:120%; border:1px solid #D7D7D7; background:#fff; z-index:9; display:none;}
.cent10 dl dd .erji ul li{ line-height:32px; margin-bottom:4px;}
.cent10 dl dd .erji ul li a{ font-size:16px; color:#000;font-weight:300;}
.cent10 dl dd .erji ul li label{ display: flex;  align-items: center    font-size: 16px; color: #000; font-weight:300;}
.cent10 dl dd .erji ul li label input{ margin-right:10px} 
.cent10 dl dd .erji ul{overflow-y:overlay; max-height:200px;}
.cent10 dl dd .erji>a{ font-size:14px; background:#333333; display:inline-block; float:right; padding:4.2px 12px; color:#fff; margin-top:5%}

.cent11{ margin-top:3%; margin-bottom:2%}
.alnie{ display: flex; justify-content: space-between;  align-items: center;}
.alnie span{ font-size:14px; color:#999; display:block;}
.alnie .select{ background:#ececec; font-size:12px; color:#666; border-radius:3px; font-weight:500; width:190px; line-height:25px; height:25px; border:none;}
.cent11 ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%; margin-top:2%;text-align:center;}
.cent11 ul li:nth-child(4n) { margin-right: 0% ;}
.cent11 ul li .img{ display: flex; justify-content: center;  align-items: center; width:100%; height:40vh;}
.cent11 ul li .img img{ max-width:100%;     height: 100%;
    object-fit: cover;}
.cent11 ul li span{ display:block; font-size:16px; color:#696969;  font-family: "Playfair Display";    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.cent11 ul li:nth-child(4n-3){ clear:left;}
.cent11 ul li em{ font-style:normal; font-size:16px; color:#d6ba8d; display:block; margin-top:4%;}

.inside_con{ padding:10px 0; min-height:300px;}
.cent12{ color:#333;}
.cent12 p{ display:block; line-height:1.4; font-size:14px; margin-bottom:1%}
.cent12 h4{ font-size:18px; display:block;    font-family: "Playfair Display"; margin-bottom:1%}

.cent13-bg{ border-bottom:1px solid #efefef}


.cent14{ margin-top:2%;}
.cent14-l{ float:left; display:block; width:47.5%;}
.cent14-r{ float:right; display:block; text-align:left; width:48%;}
.cent14-r>h2{ font-size:37px; color:#000; font-family: "Playfair Display"; font-weight:normal;}
.cent14-r>span{ display:block; font-size:26px; color:#d6ba8d; font-weight:600;margin-top:2%}
.cent14-r>em{ font-style:normal; display: flex;   align-items: center; font-size:16px; color:#333; margin-top:2%} 
.cent14-r>em img{ height:27px; margin:0 10px;}
.cent14-r .add{margin-top:2%}
.cent14-r .add p{ padding:0;display: flex;   align-items: center; color:#d6ba8d; font-size:14px; line-height:30px}
.cent14-r .add p img{ width:20px}
.cent14-r .add span{ display:block; font-size:14px; color:#333; line-height:30px}
.cent14-r ul{ border-top:1px solid rgba(10,10,10,0.08); margin-top:1%}
.cent14-r ul li{ font-size:14px; color:#666; line-height:30px}
.cent14-r ul li a{ color:#333;}
.yma{ display: flex;  justify-content: space-between;  align-items: center;}
.yma a{ color:#d6ba8d; font-size:14px}


.cent15{ margin-top:5%; color:#333;}
.cent15-l{ float:left; display:block; width:47.5%;}
.cent15-l h2{ display:block; font-size:18px; font-family: "Playfair Display"; font-weight:normal; margin-bottom:5%;}
.cent15-l span{ display:block; font-size:14px; line-height:26px;}
.cent15-r{ float:right; display:block; width:47.5%;}
.cent15-r h2{display:block; font-size:18px; font-family: "Playfair Display"; font-weight:normal; margin-bottom:5%;}
.cent15-r table { border:none; border-top:none; border-left:none; border-bottom:1px solid #e0e0e0;} 
.cent15-r table tr td{  border-top:1px solid #e0e0e0; padding:8px; font-size:14px;}
.cent15-r table tr th{  border-top:1px solid #e0e0e0; width:30%; text-align:left; font-size:14px; color:#333; font-weight:bold; padding:8px}
.case{ background:#f9f9f9}
.cent15 img{ max-width:100%;}

.cent16{ margin-top:5%;}
.cent16-l{ float:left; display:block; width:47.5%;}
.cent16-l h2{ display:block; font-size:18px; font-family: "Playfair Display"; font-weight:normal; margin-bottom:5%;}
.cent16-l ul li{ line-height:20px; color:#333; font-size:14px; display:block; margin-bottom:10px}
.cent16-r{ float:right; display:block; text-align:center; color:#333;width:47.5%;}
.cent16-r img{ width:100%; vertical-align:bottom;}
.cent16-r span{ font-size:22px;font-family: "Playfair Display"; display:block; margin:4px 0;}
.cent16-r p{ padding:0; font-size:14px;}


.wapper02{ width:34%; margin:0 auto;}
.cent17{ margin-top:2%; text-align:center; color:#333; margin-bottom:5%;}
.cent17>img{ width:100%; display:block}
.cent17>span{ display:block; font-size:28px; font-family: 'Waterfall', handwriting; margin-top:5%; }
.cent17>h2{ font-size:35px;font-family: "Playfair Display"; }
.cent17>p{ padding:0; font-size:14px; display:block; line-height:26px;}




@media only screen and (max-width: 980px) {
	.header-bg{ display:none;}
	.wapper{ width:90% !important;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height: 74px;overflow:hidden;/* background:#fff; */position: relative;z-index:10;width:100%;display:block}
.sp_logo{padding:10px;float:left;height:74px}
.sp_logo a{width:100%;height:100%;display: flex;justify-content: center;align-items: center;}	
.sp_logo img{margin:auto;max-height:100%;filter: brightness(0%) contrast(200%) invert(0%) opacity(100%); }
.youice{float:right;text-align:right;width: 33%; margin-top:3%}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #d6ba8d;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position: absolute;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block}
.nav_show{top: 124px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.due{justify-content:flex-end;}
.checked{ margin-top:20px;}

.banner .img .semize>span{ font-size:22px}
.banner .img .semize>h2{ font-size:47px;}
.banner .img .semize>a{ margin-top:10%}
.banner .img .semize{ bottom:39%}

.cent01{ padding:0 10% 0 10%; box-sizing:border-box;}
.cent01 ul li{ display:block; width:100%; margin-right:0; margin-top:8%;}

.cent02{ margin-top:20%;}
.title span{ font-size:40px;}
.title h2{ font-size:35px;}

.cent02 ul li{  width:calc((100% - 5%)/2); margin-right:5%; margin-top:10%;}
.cent02 ul li:nth-child(2n) { margin-right: 0% ;}
.cent02 ul li:nth-child(2n-1){ clear:left;}
.cent02 ul li .img{ height:25vh}
.more{ margin-top:20%}

.cent03{ margin-top:20%}
.cent03 ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:10%}
.cent03 ul li .img{ padding-top:120%;}
.cent04 ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:10%}
.cent04 ul li .img{ padding-top:120%;}

.cent05{ margin-top:25%}
.cent05 span{ margin-top:15%;}
	
.cent06-bg{margin-top:25%; padding:50% 0;}
.cent06{ width:80% !important; margin:0 auto;}
.cent07 ul li a{ height:34px}

.cent08{ margin-top:25%; margin-bottom:25%}

.footer-bg{ padding:10% 0;}
.footer{width:80% !important; margin:0 auto;}
.logo01{ float:none; display:block; width:100%; margin-right:0}
.cust{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
.join{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
.join>a{ width:100%;}
.fenxie{justify-content: center;  align-items: center;}

.cent09 h2{ font-size:35px}
.cent09{ margin-top:20%; margin-bottom:30%;}
.cent10{ display:none}

.cent11{ margin-top:10%;}
.alnie{ flex-wrap: wrap; }
.alnie span{ width:100%; margin-bottom:5%}
.cent11 ul li{  width:calc((100% - 5%)/2); margin-right:5%; margin-top:10%;}
.cent11 ul li:nth-child(2n) { margin-right: 0% ;}
.cent11 ul li:nth-child(2n-1){ clear:left;}
.cent11 ul li .img{ height:25vh}

.wapper03{ width:90%;}
.cent14-l{ width:100%; float:none;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width: 67px !important;}
#tsShopContainer #tsImgS img{ width:100%;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{width: 66px !important;height: 66px !important;}
.cent14-r{width:100%; float:none;}
.cent15-l{ width:100%; float:none;}
.cent15-r{width:100%; float:none;}
.cent16-l{ width:100%; float:none;}
.cent16-r{width:100%; float:none;}
.cent17{width:90%;}
#tsShopContainer #tsPicContainer #tsImgSCon{width: 80% !important;left: 32px !important;height: 76px !important;}
.cent15-r table tr th{ width:38%}
	}