/* CSS Document */
body{color:#666; background:#131313; padding-top:52px; font-family: 'Microsoft YaHei', 微软雅黑, 黑体, 宋体, 'Microsoft JhengHei', 华文细黑, STHeiti, MingLiu; font-size:12px;}
ul{ padding:0; margin:0;}
li {list-style:none;}
em{font-style:normal; }
a,a:hover,a:focus{color:inherit;text-decoration:none;font-family: 'Microsoft YaHei', 微软雅黑, 黑体, 宋体, 'Microsoft JhengHei', 华文细黑, STHeiti, MingLiu;}

@font-face{font-family:ERASMD01;src:url(../fonts/ERASMD.TTF) format('TrueType')}
@font-face{font-family:ERASDEMI01;src:url(../fonts/ERASDEMI.TTF) format('TrueType')}
@font-face{font-family:VANI01;src:url(../fonts/Vani.ttf) format('TrueType')}
@font-face{font-family:KhmerUI01;src:url(../fonts/KhmerUI.ttf) format('TrueType')}

.bg-img{display:block; background-size:cover; background-position:center; background-repeat:no-repeat;}
.public-fr{float:right;}
.public-fl{float:left;}

.color-a
,.navbar-default .navbar-nav>.active a, .navbar-default .navbar-nav>.active a:hover, .navbar-default .navbar-nav>.active a:focus
,.navbar-default .navbar-nav>li a:hover, .navbar-default .navbar-nav>li a:focus
{color:#000;}
.color-b
{color:#8cb06d;}
.color-bg-a
{background:#527734; color:#fff;}
.color-bg-b
{background:#8cb06d; color:#fff;}
.color-bg-c
{background:#dc757a; color:#fff;}
.color-border-a
,.product-list .list_name:after, .product-list .list_name:before
{border-color:#527734; border-width:1px; border-style:solid;}

.public-nowrap{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.public-nowrap1{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.public-nowrap2{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.public-nowrap3{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.public-nowrap4{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}


/*------ 单选按钮 ------*/
.chk {display:none;}
.chk-ios { width:50px; height:26px; border-radius:26px; background:#fff; border:1px solid #e5e5e5;}
.chk-ios:before{content:''; display:block; width:24px; height:24px; border-radius:25px; background:#fff; border:0.5px solid #e5e5e5; box-shadow:0 2px 3px rgba(99,99,99,0.5); margin-left:0; transition:margin-left 0.2s linear;}

.chk:checked + .chk-ios {background:#4bd663; border:1px solid #4bd663;}
.chk:checked + .chk-ios:before{margin-left:24px;}

/*------ 弹出式提示（Toast） ------*/
#toast{position:absolute; z-index:100; width:110px; height:110px; margin:auto; left:0; right:0; background:rgba(0,0,0,0.5); border-radius:5px; color:#fff; text-align:center; font-size:32px; padding-top:20px;}

/*------ 头部 ------*/
@media(min-width:768px){
.header .cznav{background:#fff; margin-bottom:0; font-size:14px;}
.header .cznav .logo{height:48px; line-height:48px; width:120px;}
.header .cznav .logo .bg-img{display:block; width:100%; height:100%; background-size:contain;}
.cznav .navbar-collapse ul li{position:relative;}
.cznav .navbar-collapse ul li dl{display:none; position:absolute; margin-top:15px; z-index:10; background:#fff; padding:20px 30px;}
.cznav .navbar-collapse ul li:hover dl{display:block;}
.cznav .navbar-collapse ul li dl:before{content:''; display:block; position:absolute; top:-20px; width:10px; height:10px; margin:auto; left:0; right:0; border-width:10px; border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed;}
.cznav .navbar-collapse ul li dl:after{content:''; display:block; position:absolute; top:-20px; width:100%; height:20px; margin:auto; left:0; right:0; background-color:transparent;}
.cznav .navbar-collapse ul li dl dd{margin-top:15px; white-space:nowrap; text-align:center;}
.cznav .navbar-collapse ul li dl dd:first-child{margin-top:0;}
	.navbar-nav>li>a {padding:15px 25px;}
}
/*----------------------- 手机版导航栏 --------------------*/
@media(max-width:768px){
	.cznav {height:50px; background:#fff; border:0; border-bottom: 1px rgba(255, 255, 255, 0.15) solid; color:#333; font-size:16px; z-index:1040;}
	.cznav .logo{width:100%; height:49px; text-align:left; padding:10px 0;}
	.cznav .logo a{width:50%; height:100%; background-size:contain; background-position:15px;}
	.cznav .navbar-collapse {background:rgba(255,255,255,0.95); border:0; max-height:100vh; margin-top:1px;}
	.cznav .navbar-nav {min-height:100vh;}
	.cznav .navbar-collapse .active a{background-color:transparent;}
	.cznav .navbar-collapse ul {padding-bottom:45px;}
	.cznav .navbar-collapse ul li {padding:0 45px;}
	.cznav .navbar-collapse ul li>a,.cznav .navbar-collapse .active>a{border-bottom:1px solid rgba(0,0,0,0.1); color:#333; padding:15px 0;}
	.cznav li dl{display:block;overflow:hidden; height:0; margin-bottom:0;}
	.cznav li:hover dl{height:auto;}
	.cznav li dl dd{display:block; margin-left:30px;border-bottom:1px solid rgba(0,0,0,0.1); color:#333; padding:15px 0;}
	.cznav li dl dd:before{content:'·'; font-size:16px; font-weight:bold; position:relative; left:-15px;}
	/*----------按钮样式------------*/
	.cznav .navbar-toggle,.cznav .navbar-toggle:hover, .cznav .navbar-toggle:focus{border:0; background-color:transparent; padding-right:5px;}

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus
,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus
{background-color:#fff; border-width:0; border-bottom-width:1px;}

/*------ 底部 ------*/
.footer{width:100%;margin:0 auto;background:#131313;height:50px;line-height:50px;color:#828282;overflow:hidden;font-family:KhmerUI01;font-weight:700;font-size:12px}
.footer_l_logo{height:50px;width:400px;float:left;background:url(f_logo.jpg) no-repeat top left;background-position:15px 15px;text-align:left;padding-left:75px}
.footer_r_menu{width:500px;float:right;height:50px;overflow:hidden;text-align:right}
.footer a{color:#828282}
a.menutop{width:55px;height:50px;display:block;float:right;text-align:center;background:#020202;margin-left:13px}
@media(max-width:768px){
	.footer_l_logo{padding-left:15px}

}

/*------ 首页banner ------*/
.index .banner .bannerItem{width:100%; height:calc(100vh - 102px);}
.index .banner .bannerItem:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.banner .i_banner_text{width:1000px; height:620px; max-height:100vh; overflow-y:auto; -webkit-overflow-scrolling:touch; position:absolute;z-index:10;color:#fff;text-align:center;font-family:Arial,Helvetica,sans-serif;position:absolute;margin:auto;left:0;right:0;top:0; bottom:0;}
.i_banner_text h1{font-family:ERASMD01;font-size:30px;font-weight:400;line-height:50px}
.i_banner_text h1 b{display:block;font-family:ERASDEMI01;font-size:36px;font-weight:400}
.i_welcome{width:100%;height:34px;margin-bottom:40px;background:url(../images/i_welcome_bg.png) no-repeat top center;margin-top:17px;color:#BAA66A;font-family:Arial,Helvetica,sans-serif;font-size:18px;padding-top:45px}
.i_banner_text .ul{width:498px;margin:0 auto;padding-top:39px; text-align:center; overflow:hidden;}
.i_banner_text .ul li{width:152px;float:left;margin:5px;display:inline}
.i_banner_text .ul li a{width:156px;display:block; padding:0 5px; background-color:rgba(0,0,0,0.5); color:#fff;font-size:13px;border:1px solid #615F5F;line-height:38px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.i_banner_text .product-list ul li span{color:#fff;}
@media(max-width:768px){
	.banner .i_banner_text{width:auto;}
	.i_banner_text h1{font-size:14px; line-height:2;}
	.i_banner_text h1 b{font-size:24px;}
	.i_banner_text .ul{width:80%;}
	.i_banner_text .ul li{width:calc(50% - 11px); display:inline-block; margin-bottom:10px;}
	.i_banner_text .ul li{float:left; display:inline-block; margin-bottom:10px;}
	.i_banner_text .ul li a{width:100%;display:block;}
	.i_banner_text .product-list ul{padding:0 10px;}
	.i_banner_text .product-list ul li{margin-top:0; margin-bottom:0; padding-bottom:0;}
}

/*------ 产品列表 ------*/
.product{background:#191C25;}
.product-search{background:#12161F; overflow:hidden; margin-top:15px; }
.product-search>div{ padding:15px;}
.product-search>.left{color: #A7AFBC; text-align:center;}
.product-search>.right{text-align:right;}
.product-search>.right input{width:200px; border-radius:5px; background:rgba(255,255,255,0.15); border:0; margin-right:5px;}
.product-search>.right button{width:80px; border-radius:5px; background:rgba(255,255,255,0.15); border:0; color:#aaa;}

.product-list ul{display:flex; flex-wrap:wrap;}
.product-list ul li{width:25%; text-align:center; padding:15px;}
@media(max-width:320px){.product-list ul li{padding:0;}}
.product-list ul li span{display:block; color:#959595; line-height:1.8; padding:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.product-list ul li .bg-img{width:100%; padding-top:135%; background-size:cover; background-color:#000;}
.product-list.cid17 ul li .bg-img{background-size:contain;}

.product .pagination>li{}
.pagination>li>a,.pagination>li>span{border: 1px solid #202020; color: #999999; background-color:transparent; margin-left:5px;}
.pagination>li>a:hover,.pagination>li>a:focus,.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{border: 1px solid #202020; color: #999999; background:#000;}

@media(max-width:768px){
	.product-list ul li{width:49%; text-align:center; margin:2% 2% 2% 0;}
	.product-list ul li:nth-child(2n){margin-right:0;}
	.product-list ul li span{padding:10px 5px;}
	/* .product-search>.left,.product-search>.right button{display:none;} */
	.product-search>.right {width:100%; padding:0;}
	.product-search{background-color:transparent;margin-bottom:10px;}
	.product-search>.right input{width:100%; padding:5px;}

}

/*------ 产品详情 ------*/
.product-view{padding:30px 0;background: #1F1F1F;}
.product-img .bg-img{width:100%; padding-top:100%; background-size:contain; background-color:#1f1f1f; position:relative;}

.product-img:hover .bg-img a{display:block;}
.product-img .bg-img a{position:absolute; display:none; padding:5px 25px; bottom:15px; right:15px; border:1px solid #fff; color:#fff; background:rgba(0,0,0,0.5); border-radius:5px; opacity:0.7;}
.product-info{padding:0 5%;}
.pro_detail_content{font-size:14px;color:grey;line-height:24px;padding-top:10px}
.pro_detail_content h1.title{text-align:center;font-family:VANI01;font-style:italic;color:#fff;font-size:30px;font-weight:400;line-height:35px;margin-bottom:20px;padding-top:8px}
.title_sub{font-size:16px;color:#fff;font-weight:700;padding-bottom:15px}
.pro_detail_ul{width:485px;float:left;overflow:hidden}
.pro_detail_ul li{width:485px;float:left}
.pro_detail_ul li span{width:150px;float:left;color:#B49D51;font-size:15px}
.pro_detail_ul li div{width:330px;float:right;color:#fff;font-size:15px}
.pro_detail_content a{font-size:14px;color:#fff}
.clear_both{clear:both}
.clear{clear: both; line-height: 0px;}
.product-view .btnContact{background: #e7a920; display:inline-block;border-radius:5px;line-height:50px;padding:0 50px; font-size:18px; color:#fff; cursor:pointer;}

/*------ 内页 ------*/
.about {background:#fff;}
.about .banner .bg-img{width:100%;height:300px;}
.about .banner .bg-img:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.title_aboutus{font-family:VANI01;font-style:italic;font-size:30px;color:#272727;font-weight:700;line-height:50px;text-align:center;padding-top:40px;}
.title_aboutus_i{width:100%;height:1px;overflow:hidden;margin:20px auto 10px;background:#BFAB6D;display:block}
#aboutus_container{margin:0 auto;padding:30px 0 60px;color:#424242;font-size:14px;line-height:26px;font-family:VANI01;font-style:normal;background:#fff; word-break:break-all; word-wrap: break-word;}
#aboutus_container img{max-width:100%;}
#aboutus_container p{text-indent:2em; text-align: justify;}
#ab_list_img{width:690px;float:right}
#ab_list_img li{width:302px;height:191px;overflow:hidden;float:left;margin-bottom:20px;margin-left:43px;display:inline}
#ab_list_img li img{width:302px;height:191px;overflow:hidden}

.case-list{overflow:hidden; margin-left:7px;}
.case-list li{float:left; width:33.33%; padding:15px 15px 0 0;}
.case-list li .bg-img{width:100%; padding-top:120%; position:relative;}
.case-list li .bg-img>div{width:100%; text-align:center; position:absolute; bottom:15px; color:#fff;}
#aboutus_container .case-list li .bg-img>div>p{text-align:center; text-indent:0;}
.case-list li .bg-img>div span{color:#bfab6d; font-size:14px; font-weight:bold;}

/*------ 登录 ------*/
#detail_pro{width:100%;margin:0 auto;background:#1F1F1F;padding:65px 0}
#dealer_login{width:700px;margin:0 auto;font-weight:400;font-size:14px;padding-top:50px;font-family:VANI01;font-style:italic;color:#fff}
.state{width:370px;border-right:1px solid #333;margin-top:3px;float:left}
.state span{line-height:70px}
.login{width:276px;margin:3px 0 0 20px;float:right}
.password,.user{width:196px;height:20px;margin-bottom:10px;border:0;color:#000;}
.sign{background:url(../images/button_03.jpg) 0 0 no-repeat;width:63px;height:18px;margin-right:10px;cursor:pointer;margin-top:10px;border:0}
.signin{background:#191C25}
.signin .title{margin-top:0}
.signin .login>h2{margin-top:100px; text-align:center;}
.signin .contact-btn{display:block; margin-top:10px;}
.signin .contact-btn span{color:tomato;}

@media(max-width:768px){
	#dealer_login{width:auto; padding:0;}
	#detail_pro{padding:0}
	.login{width:auto;margin:0; text-align:center;font-style:normal;}
	.login table{text-align:left; margin:0 auto; width:100%;}
	.login table td{padding:0;}
	.login table input{width:100%; padding:10px; height:auto;}
	.login table .btn{width:100%;padding:10px; margin-top:10px;}
	.signin .state,.signin .login{float:none; margin-top:40px;}
	.signin .state{font-size:14px; color:rgba(255,255,255,0.5); width:auto;border:0; margin-bottom:30px; text-align:center;}
	.signin .title{font-size:24px; color:salmon;}
	.signin .contact-btn{width:100%; padding:10px; color:#fff; border:1px solid #fff; border-radius:5px;}
	.signin .contact-btn span{color:inherit;}
}
@media(max-width:320px){
	.signin .state{font-size:12px;}
}


/* 联系我们表单 */
.open_form{font-size: 14px; border-radius:0; top:150px; left:50%; margin-left:-410px;position:fixed;width:800px; z-index: 1110;display:none;}
.open_form_center{ position:relative;margin:0 auto; background:#ffffff; padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.open_form_bg{ width: 100% !important; height:100% !important; background-color:rgba(0, 0, 0, 0.4); bottom: 0;left: 0; position: fixed; right: 0; top: 0;z-index: 1100; display:none;}
.open_form_close{ font-size:30px; color:#555555; text-align:right; float:right; margin-bottom:20px; cursor:pointer;}
.open_form_close:hover{ color:#e7a920;}
.open_form .guestbook_center{ width:750px;}
.open_form .guestbook {margin-bottom:0;}

.guestbook { padding:20px 0px 20px 0px; background: #eaeaea; min-height:180px; margin-bottom:30px;}
.guestbook_center { width: 880px; margin: 0 auto; }
.guestbook_title { font-size:14px; color: #291e12; margin-bottom:20px; text-align: center; }
.guestbook_columns { margin-bottom:15px; overflow:hidden;}
.guestbook_columns_left { width: 48%; float: left; }
.guestbook_columns_right { width: 48%; float: right; }
.guestbook_input { background: #ffffff; color: #6e6e6e; width: 100%; border: none; padding:8px 10px; box-sizing: border-box; -webkit-appearance: none; font-size: 14px;}
.guestbook_input:-moz-placeholder {
color:#6e6e6e;
opacity:1;
}
.guestbook_input::-moz-placeholder {
color:#6e6e6e;
opacity:1;
}
.guestbook_input:-ms-input-placeholder {
color:#6e6e6e;
opacity:1;
}
.guestbook_input::-webkit-input-placeholder {
color:#6e6e6e;
opacity:1;
}
.guestbook_textarea { background: #ffffff; color: #6e6e6e; width: 100%; border: none; height:70px; padding: 10px 10px; box-sizing: border-box; -webkit-appearance: none; font-size: 14px;resize: none;}
.guestbook_textarea:-moz-placeholder {
color:#6e6e6e;
opacity:1;
}
.guestbook_textarea::-moz-placeholder {
color:#6e6e6e;
opacity:1;
}
.guestbook_textarea:-ms-input-placeholder {
color:#6e6e6e;
opacity:1;
}
.guestbook_textarea::-webkit-input-placeholder {
color:#6e6e6e;
opacity:1;
}
.guestbook_button { width: 160px; height: 33px; margin: 0 auto; background: #e7a920; font-size: 16px; color: #ffffff; border: none; cursor: pointer; display: block; }
.guestbook_button:hover { background: #fdae00; }
@media screen and (max-width:900px) {
.guestbook_center { width: 96%; }
/*open_form*/
.open_form{font-size: 14px; border-radius:0; top:12%; left:2%;margin-left:0px;position:fixed;width: 96%;z-index: 1110;display:none;}
.open_form .guestbook_center{width: 96%;}
}

/* 联系我们提交成功 */
.contactSuccess .success {width:500px; margin:0 auto; text-align:center; padding:60px 0;}
.contactSuccess .success .pic img {max-width:100%; height:auto;}
.contactSuccess .success .word .h1 {font-size:26px; padding:25px 0 5px; color:#115dc5;}
.contactSuccess .success .word .h2 {font-size:22px; color:#9e9d9d;}
.contactSuccess .success .slink a {font-size:14px; line-height:30px; background:#2898df; color:#fff; height:40px; line-height:40px; display:inline-block; padding:0 20px; border-radius:3px; margin:0 8px;}
.contactSuccess .success .slink {padding-top:30px;}
.contactSuccess .success .slink .a1 {background:#115dc5;}
.contactSuccess .success .slink .a2 {background:#79b90f;}

@media (max-width: 640px) {
	.contactSuccess .success {width:90%;}
	.contactSuccess .success .word .h1 {font-size:20px;}
	.contactSuccess .success .word .h2 {font-size:16px;}
}