@charset "utf-8";
/*CSS Document*/

/***********header***********/
header{position:relative;z-index:999;background-color:#fff;}
/*header.header-fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 1px 5px rgba(0 0 0 / 12%);}*/


/*header-phone*/
.header-phone-more,
.header-phone-close{display:none;}


/*language*/
.language{line-height:14px;}
.language dl{display:inline-block;vertical-align:top;position:relative;z-index:990;cursor:pointer; width: 20px; height: 20px;}
.language dl > i { font-size: 20px; color: #666; display: block; line-height: 1em; }

.language dt{height:14px;line-height:14px;color:#131313;font-size:14px;font-weight:700;cursor:pointer;text-align:center; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; }
.language dd{ width: auto; position:absolute;top:100%;left:0;z-index:990;   background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);margin-top:4px;display:none;padding:4px 0;text-align:center;border-radius:6px;}
.language dd a{display:block;padding:6px 8px;font-size:14px;line-height:1em;}
.language dd a:hover{color:#FF477E;}

/* .language dt:after{content:"\e732";font-family:"iconfont"!important;position:absolute;top:0;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;}
.language dt:after{
    content:"\e732";font-family:"iconfont"!important;position:absolute;top:0;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;display:block;text-align:center;
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    -ms-transform:scale(.8);
    -o-transform:scale(.8);
    transform:scale(.8);
} */
/*.language dt.cur:after{content:"\e731";}*/


/*  */
.header { display: flex; align-items: center; }
.header-right { margin-left: auto; display: flex; align-items: center; gap: 36px; }


/*logo*/
.header-logo a{display:block;height:80px;}
.header-logo a img{display:block;height:100%;}


/*  */
.header-search-box { position: relative; }
.header-search-box > i { font-size: 20px; color: #666; cursor: pointer; }
.header-search-box > i:hover { opacity: .7; }
.header-search-box > i.active + .header_search { opacity: 1; visibility: visible; }

.header_search { margin-top: 15px; position: absolute; top: 100%; right: 0; border: 1px solid #000; background-color: #FAFAFA; border-radius: 100px; width: 500px; height: 48px; opacity: 0; visibility: hidden; }
.header_search input { font-family: "Montserrat", sans-serif; border: 0; background-color: transparent; height: 100%; padding: 0 54px 0 16px; border-radius: 100px; }
.header_search input::-webkit-input-placeholder { color: #131313; }
.header_search input:-moz-placeholder { color: #131313; opacity: 1; } 
.header_search input::-moz-placeholder { color: #131313; opacity: 1; } 
.header_search input:-ms-input-placeholder { color: #131313; }
.header_search button { width: 48px; height: 48px; line-height: 48px; text-align: center; background-color: transparent; position: absolute; top: 0; right: 0; z-index: 9; cursor: pointer; }
.header_search button:hover { opacity: .6; }


/*header-nav*/
.header-nav > ul{line-height:1em;}
.header-nav > ul > li{float:left;position:relative;}
.header-nav > ul > li:last-child{margin-right:0;}
.header-nav > ul > li > a{display:inline-block;vertical-align:top;font-family: Montserrat; font-weight:500;font-size:18px;line-height:80px;position:relative; color: #666; padding: 0 18px; border: 1px solid transparent; border-bottom: 0; padding-bottom: 20px; margin-top: 20px; } 
.header-nav > ul > li:hover > a{color:#817156; border: 1px solid #666;}
/* .header-nav > ul > li > a:hover{color:#817156; border: 1px solid #666;} */
.header-nav i.iconfont{display:none;vertical-align:top;font-size:10px;line-height:18px;}
/* .header-nav i.iconfont + a:after{content:"\e732";font-family:"iconfont"!important;display:inline-block;vertical-align:top;margin-left:6px;font-size:10px;font-weight:normal;} */

.header-subnav{
    position:absolute;top:100%;left:0;z-index:99;box-shadow:0 1px 6px rgba(0 0 0 / 12%);background-color:rgba(255 255 255 / 50%);visibility:hidden;opacity:0; border-bottom: 1px solid #666;
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    transform:translateY(-10px);  
}
.header-subnav li a{padding:20px 20px;line-height:1em;display:block;line-height:1.2em;white-space:nowrap;font-size:18px; font-weight: 400;font-family: "Montserrat", sans-serif; border: 1px solid #666; border-bottom: 0; min-width: 120px; text-align: center;}  
.header-subnav li a:hover{color:#817156;background-color:#f7f7f7;}

.header-nav > ul > li:hover .header-subnav{visibility:visible;opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);  
}












/***********footer***********/
footer { background-color: #666; padding: 50px 0 160px; }
.footer { display: flex; }

.footer-l img { display: block; height: 200px; }
.footer-l p { font-size: 21px; font-weight: 400; color: #fff; margin-top: 15px; }

.footer-c { margin-left: auto; }
.footer-c ul { display: flex; gap: 30px; flex-direction: column; }
.footer-c ul li a { font-size: 21px; color: #fff; }
.footer-c ul li a:hover { opacity: .7; }


.footer-r { margin-left: auto;padding-right: 80px; }
.footer-r h3 { font-size: 21px; color: #fff; margin-bottom: 30px; }
.footer-r p { font-size: 21px; line-height: 33px; color: #fff; }
.footer-share { margin-top: 20px; gap: 10px; }




/***********banner***********/
/**/
.swiper-slide a{position:relative;display:block;}
.swiper-slide a img{display:block;width:100%;height:auto;}

.home-banner-text{position:absolute;top:50%;left:90px;z-index:2;text-shadow:1px 1px 1px rgba(0,0,0,.3);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.home-banner-text p{font-size:80px;color:#fff; margin-bottom: 10px;}
.home-banner-text a { background-color: #666; display: inline-block; padding: 0 80px; font-size: 18px; }


/*page-banner*/
.page-banner-box{position:relative;}
.page-banner-box h1{
    font-size:50px;font-weight:700;line-height:1em;position:absolute;top:50%;left:50%;z-index:9;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%); 
}
.page-banner-box img{width:100%;height:300px;display:block;object-fit:cover;object-position:center center;}













/***********首頁***********/

.home-title { margin: 90px 0; }
.home-xing:before { content: "********************"; font-size: 24px; font-weight: 400; color: #666; display: block; text-align: center; line-height: 1em; margin: 100px 0; font-family: "m-s"; }
.home-title:before { content: "********************"; font-size: 24px; font-weight: 400; color: #666; display: block; text-align: center; line-height: 1em; margin-bottom: 100px; font-family: "m-s"; }
.home-title:after { content: "********************"; font-size: 24px; font-weight: 400; color: #666; display: block; text-align: center; line-height: 1em; margin-top: 110px; font-family: "m-s"; }
.home-title p { font-size: 24px; text-align: center; color: #666; font-weight: 400; font-family: "Montserrat", sans-serif; }
.home-title h2 { font-size: 72px; text-align: center; color: #666; }

.grid-list-img a { display: block; overflow: hidden; }
.grid-list-img img { display: block; width: 100%; } 
.grid-list-img a:hover img { 
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1); }
.grid-list-title h3 { text-align: center; }
.grid-list-title h3 a { font-size: 48px; display: inline-block; line-height: 1em; color: #666; margin-top: 40px; }
.grid-list-title h3 a:hover { color: #817156; }


/* 1 */
.home-one-l img { display: block; width: 100%; }
.home-one-r { background-color: #a9ddf3; display: flex; align-items: center; justify-content: center; } 
.home-one-r h3 { font-size: 56px; color: #666; line-height: 1em; text-align: center; }

/* 2 */
.home-two .grid-list ul { gap: 120px; }

/* 3 */
.home-three .grid-list ul { gap: 100px; }
/* .home-three .grid-list-title h3 a { font-size: 40px; } */

/* 4 */
.footer-contact { background-color: #9ec4d5; padding: 90px; display: flex; align-items: center; }
.footer-contact > div { width: 30%; }
.footer-contact > div:nth-child(2) { width: 40%; }

.footer-contac-ttitle { text-align: center; }
.footer-contac-ttitle h2 { font-size: 80px; color: #fff; } 
.footer-contac-ttitle p { font-size: 18px; color: #fff; font-family: "Montserrat", sans-serif; } 

.footer-contact-form { margin: 0 auto; width: 720px; box-sizing: border-box; padding: 50px 60px; position: relative; z-index: 2; }
.footer-contact-form:after { content: ""; display: block; background-color: #fff; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -2; }
.footer-contact-form:before { content: ""; display: block; border: 2px solid #b2b2b2; position: absolute; top: 10px; right: 10px; left: 10px; bottom: 10px; z-index: -1; }

.footer-contact-form label { color: #666; font-size: 18px; font-family: "Montserrat", sans-serif; }
.footer-contact-form input,
.footer-contact-form textarea { border: 0; border-bottom: 2px solid #b2b2b2; border-radius: 0; padding-left: 0; padding-right: 0; }