@charset "utf-8";
/* website */
.layui-layer{max-width: 640px; border-radius: 20px;}
.layer_form{width: 100%; background: #FFF; border-radius: 5px; padding: 20px; box-sizing: border-box;}
.layer_form .s_title{font-size: 30px; font-family: RobotoCondensed-Bold;line-height: 40px; text-align: center; color: #333; padding-bottom: 15px;}
.layer_form label{display: block; padding: 10px 0;}
.layer_form label input,.layer_form label textarea{display: block; border:1px solid rgba(0,0,0,0.15); background: #FAFAFA; padding: 15px; box-sizing: border-box; width:100%; font-size: var(--f16); border-radius: 5px;}
.layer_form label button{height:50px; background: var(--bgcolor-b1); border:none; border-radius: 25px; color:var(--fcolor-a0); font-size: 1.8rem; line-height: 50px; width:100%; margin: 15px auto;}
.layer_form label button:hover{ background: var(--bgcolor-b2);}

.container{width:100%; max-width:1400px; margin: 0 auto;}
.container_max{width:100%; margin: 0 auto;}
.container_plus{width:98%; max-width:1800px; margin: 0 auto;}

.topbar{width: 100%; height: 80px; position: fixed; left:0;top:0; z-index: 999; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); background: var(--fcolor);}
.topbar .container{display: flex;}
.topbar_fix {height: 80px;}
.site_logo{padding: 18px 0 0 0;}
.site_logo img{display: block; height:auto; margin: 0; height:40px;}
.site_nav_main{margin-left:auto; margin-right:0; display: flex;}
.site_nav_main ul{list-style: none; box-sizing: border-box; display: flex;}
.site_nav_main ul li.m{position: relative; padding-right:35px;}
.site_nav_main ul li:last-child.m{padding-right:0;}
.site_nav_main ul li.m h3{font-size: var(--f16); line-height: 80px; font-weight: normal;}
.site_nav_main ul li.m h3.mactive,.site_nav_main ul li.m h3.mactive a{color:#FFF; text-decoration: underline;}
.site_nav_main ul li.m h3 a{display: block; text-decoration: none; color:var(--fcolor-a1);}
.site_nav_main ul li.m h3 a:hover{color: var(--fcolor-a2);}
.site_nav_main ul li .sub{background: rgba(255,255,255,0.75); box-shadow: 2px 2px 6px rgba(0,0,0,0.25); list-style: none; display: none; width:150%; padding:0; position:absolute; left:-20px; top:90px; z-index: 9999999;}
.site_nav_main ul li .sub li{display: block; font-size: var(--f15); border-bottom:1px dashed rgba(0,0,0,0.15); font-family: IBMPlexSans-Bold;}
.site_nav_main ul li .sub li:last-child{border-bottom: none;}
.site_nav_main ul li .sub li a{display: block; line-height: 16px; top:85px; padding: 15px 20px; text-decoration: none;}
.site_nav_main ul li .sub li a:hover{background: #0078D4; color:#FFF;}

.site_mobile_menu{display: none;}
.visible-xs-block{display: block;}

.mo-leftmenu{background:#F7F7F7;position:fixed;top:0;left:-1px;z-index:9999;overflow-x:hidden;box-sizing:content-box;width:75vw; height:100vh;-webkit-overflow-scrolling:touch;-webkit-transition:all .4s cubic-bezier(0.7,0,0.2,1);-ms-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}
.mo-leftmenu .tit{height:65px;line-height:65px;background:#000;}
.mo-leftmenu .tit h6{float:left;color:var(--fcolor-a0);padding:0 0 0 20px;font-size:var(--f18);font-weight:normal;}
.mo-leftmenu .tit span{float:right;cursor:pointer;width:65px;text-align:center;color:#fff;font-size:16px;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:50px;font-size:var(--f16);border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;width:50px;height:50px; right:0; top:0; text-align:center;cursor:pointer; background: #F7F7F7 url("../images/arrow_down.png") no-repeat center center;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:8px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url(../images/top_mini_nav_arrow.png) no-repeat 25px center;padding:0 0 0 40px;}
.menu-transitioning{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);box-shadow:10px 0 30px rgba(0,0,0,0.25);}

.site_banner{height: auto;}
.index_banner {width: 100%;margin: 0 auto;position: relative;height: auto;}
.index_banner .bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.index_banner .bd ul {width: 100%; display: block;}
.index_banner .bd li {width: 100%;height: 100%;overflow: hidden;text-align: center; position: relative;}
.index_banner .bd li > img{display: block; width:100%; height:auto; min-height:180px; max-height: 360px; object-fit: cover; margin:0 auto;transition: all 1s;transform: scale(1);}
.index_banner .bd li.on > img{transform: scale(1.06);width: 100%;}
.index_banner .bd li .banner_mask{width: 100%; height:100%; position: absolute; left:0; top:0; z-index: 999999;background: url(../images/banner_bg.png) repeat;}
.index_banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;text-align: center;}
.index_banner .hd ul {text-align: center;}
.index_banner .hd ul li {cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 12px;height: 12px; border-radius:8px; margin: 5px;background:rgba(255,255,255,0.5); text-indent: -99999px; overflow: hidden; border:2px solid rgba(255,255,255,0.8);}
.index_banner .hd ul .on {background:rgba(255,255,255,0.8);border:2px solid rgba(255,255,255,1.0);}

.panel_box_hd{padding:0 20px; text-align: center;}
.panel_box_hd h3{font-size: var(--f28); line-height:calc(var(--f28) + 2px); background: linear-gradient(-27deg,#F4E59A 0%,#F4E59A 33%,#B49658 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 20px;}
.panel_box_hd h3 img{display: block; margin: 0 auto;}
.panel_box_hd p{padding: 5px 0 0 0;}
.panel_box_bd{}

.index_cases{padding: 60px 0 10px 0;}
.cases_list{list-style: none; width: 100%; display: flex; flex-wrap: wrap;}
.cases_list li{width:31%; margin:10px 3.5% 20px 0; text-align: center;}
.cases_list li:nth-child(3n){margin-right: 0; margin-left: auto;}
.cases_list li a{display: block; background: #756442; box-sizing: border-box; padding: 5px; text-decoration: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.05);}
.cases_list li a:hover{background: #A99263;}
.cases_list li a .a_img{display: block; width:100%; height:auto; position: relative;}
.cases_list li a .a_img img{width:100%; height: auto; display: block; margin: 0 auto;}
.cases_list li a .a_img h3{display: block; padding: 30px 0 20px 0; position: absolute; width:100%; left:0; bottom:0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}

#siteProducts .hd{padding: 15px 0 5px 0; text-align: center;}
#siteProducts .hd ul{display:inline-block; *display:inline;text-align:center;}
#siteProducts .hd ul li{width:24px; height:24px; overflow:hidden; margin:0 8px; cursor:pointer; background:var(--bgwhite-3); text-indent:-99999px; box-shadow: 5px 5px 5px va(--bgblack-6); border-radius: 5px; text-align: center; display:inline-block; *display:inline;}
#siteProducts .hd ul li.on{ background:var(--bgwhite-6);}

.index_intro{padding: 30px 0 50px 0;}
.index_intro_flex{display: flex; flex-wrap: wrap;}
.index_intro_flex > div{width:31%; margin:30px 3.5% 0 0; text-align: center;}
.index_intro_flex > div:nth-child(3n){margin-right: 0; margin-left: auto;}
.index_intro_panel{}
.index_intro_panel .phd{background: url(../images/line_full.png) no-repeat center 0; background-size:100% 2px; padding: 17px 0 18px 0;}
.index_intro_panel .phd h3 img{display: block; margin: 0 auto;}
.index_intro_panel .pbd{text-align: left; line-height: 1.789; width:100%; overflow-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden;}
.index_intro_panel .pbd > p > img{max-width:100%; display: block; margin: 0 auto;}

.index_intro_list{list-style: none; margin: 0;}
.index_intro_list li{border-top: 1px dashed var(--bgwhite-3); box-sizing: border-box; line-height: 37px; padding-top:5px;}
.index_intro_list li a{padding:0 23px; box-sizing:border-box; background: url(../images/arrow.png) no-repeat 0 center; width:100%; overflow-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

.site_footer{}
.footer_copyright{background: url(../images/line_full.png) no-repeat center 0; background-size:100% 2px; padding: 30px 0 35px 0;}
.footer_copyright .container{text-align: center; display: block; padding: 0 25px; box-sizing: border-box;}
.footer_copyright a{color: var(--bgwhite-5);}

@media only screen and (max-width: 1440px) {
    .container{width:1280px;}
}
@media only screen and (max-width: 1280px) {
    .container{width:1080px;}
    .container_plus{width:98%; max-width:1080px; margin: 0 auto;}
}
@media only screen and (max-width: 1024px) {
	.container{width:100%;}
	.topbar{width: 100%; height: 65px;}
	.topbar_fix {height: 65px;}
	.site_logo{padding:17px 0 0 10px;}
	.site_logo img{display: block; height:29px;}
	.site_nav_main,.site_tools_main{display: none;}

	.site_mobile_menu{position: absolute; width:45px; height: 45px; right: 10px; top:10px; display: block; z-index: 999999;}
	.site_mobile_menu a{display: block; height:100%; background: url(../images/nav_icon.svg) no-repeat center center; background-size: 80%;}

	.panel_box_hd h3 img{display: block; height:40px; margin: 0 auto;}

	.cases_list{padding-top: 20px;}
	.cases_list li{width:95%; margin:10px auto; text-align: center;}
	.cases_list li:nth-child(3n){margin:10px auto;}
	
	.index_intro{padding: 10px 0 50px 0;}
	.index_intro_flex > div{width:95%; margin:10px auto; text-align: center;}
	.index_intro_flex > div:nth-child(3n){margin:10px auto;}
	.index_intro_panel{padding-top: 20px;}
}