/*******************************
copyright (C)2022 jinpaizhan.com
author hongchensansu
email jpz@jinpaizhan.com
date 2022-03-20
********************************/
*{margin:0;padding:0}
body,html{overflow-x:hidden!important}
body{text-align:justify;-webkit-font-smoothing:antialiased;background:#eee}
img{width:100%}
.mb-bg{background-color:#c6bfb5}
.mb-bg2{background-color:#d0b169}
.mb-border{border:1px #b28217 solid}
.mb-color{color:#b28217}
a:hover{color:#c00!important}
fieldset{border:0;border-top:1px solid #888;text-align:center}
legend{padding:5px 15px}
.border{border:1px #ccc solid}
.radius10{border-radius: 10px;}
.radius20{border-radius: 20px;}
.radius30{border-radius: 30px;}
.border-left{border-left:1px #8f7154 solid}
.border-right{border-right:1px #8f7154 solid}
.border-top{border-top:1px #8f7154 solid}
.border-bottom{border-bottom:1px #8f7154 solid}
.border-color{width:150px;height:1px;margin:5px 0;border-bottom:3px #d0b169 solid}
.input-bg{background-color: #FAFAFA!important}
.box80{padding:80px}
.box80-y{padding:80px 0}
.box50{padding:50px}
.box50-y{padding:50px 0}
.box25{padding:25px}
.box25-y{padding:25px 0}
.box15{padding:15px}
.box15-y{padding:15px 0}
.box10{padding:10px}
.box10-y{padding:10px 0}
.h80{margin-top:80px!important}
.h50{margin-top:50px!important}
.h25{margin-top:25px!important}
.h15{margin-top:15px!important}
.h10{margin-top:10px!important}
.hand{cursor:pointer}
.shadow{box-shadow: 2px 2px 4px #ccc;}
.lh{line-height:2}
.lh2{line-height:2.5}
.about{max-width:900px;margin:0 auto;}
.transparent input,.transparent textarea{background:0 0;margin-bottom:10px;border-color:#888}
.sanhang{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-align: left!important;}
.lianghang{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.main-bg{background:url(../img/main-bg.jpeg) no-repeat center fixed}
.main-bg2{background:url(../img/main-bg2.jpeg) no-repeat center fixed}
.main-bg3{background:url(../img/main-bg2.jpeg) no-repeat center}
.center-img img{width:100px}
.center-title dl,.center-title fieldset,.center-title hr{width:250px;margin:0auto;border-color:#999!important;vertical-align:middle}
.center-title fieldset{height:40px}
.center-title hr{height:20px}
.center-title legend{margin-left:0!important;font-weight:400!important}
.center-title h2{text-transform:uppercase}
.center-title2 fieldset{width:400px}
.center-field{border-color:#999!important;padding:10px!important;width:200px}
.center-field legend{margin-left:0!important;text-transform:uppercase}
.tb-title dl{width:80px;height:80px;line-height:80px}
.tb-title:hover{background-color:#fff;transition:.3s}
.swiper-slide{height:600px!important}
.swiper-slide img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.swiper-slide div{position:absolute;top:40%;left:0;right:0;z-index:1}
.mask{position:relative}
.mask center{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.6);opacity:0}
.mask center:hover{opacity:1;transition:.3s}
.mask center dl{top:50%;transform:translateY(-50%);position:relative}
.banner400,.banner600{background-size:cover;background-position:50% 0}
.banner600{height:600px}
.banner400{height:400px}
.banner400 div,.banner600 div{position:relative;top:50%;transform:translateY(-50%)}
.banner50{line-height:50px;letter-spacing:5px}
.list{width:100%}
.list li{padding:5px 15px;border-bottom:1px #ccc dashed;display:flex;align-items:center;justify-content:space-between}
.rili{display:flex;align-items:center}
.rili:hover{background-color:#fbfbfb}
.rili center div{width:84px;height:84px;margin-right:20px;background-color:#b28217;display:table-cell;vertical-align:middle}
.bg1{background-image:url(../img/bg1.jpeg)}
.bg2{background-image:url(../img/bg2.jpeg)}
.bg3{background-image:url(../img/bg3.jpg)}
.bg4{background-image:url(../img/bg4.jpg)}
.bg5{background-image:url(../img/bg5.jpg)}
.bg6{background-image:url(../img/bg6.jpg)}
.bg7{background-image:url(../img/bg7.jpg)}
.bg8{background-image:url(../img/bg8.jpg)}
.login{background-color:#eee!important;background-image:none;max-width:400px;margin:0 auto}
.login div{border-radius:6px}
.login div ul,.forget p{display:flex;align-items:flex-end;justify-content: space-between}
.login ul img,.login-code{margin-left:10px;height:38px}
.login-code{padding:5px;}
.forget{width:250px}
.forget p{margin:10px 0}
.forget span{background-color:#ddd}
.forget span:focus{border:1px #ff5722 solid;background-color:#fff;color:#ff5722}
.product ul li{padding:8px 0;border-bottom:1px #ccc dashed}
.product center{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center}
.product center img{max-width:90%;max-height:90%;width:auto;border:1px #999 solid}
.link{width: 500px;overflow:hidden}
.link div,.link div div{height:40px;float: left}
.link img{width:auto;height:40px;padding:5px 10px;margin:0 5px;border: 1px #ccc solid;}
.link img:hover{background-color:#ccc;}
.layui-bg-white{background-color:#fff!important}
.layui-bg-gray2{background-color:#eee!important}
.layui-font-24{font-size:24px!important}
.layui-font-28{font-size:28px!important}
.layui-font-32{font-size:32px!important}
.layui-font-40{font-size:40px!important}
.layui-font-50{font-size:50px!important}
.layui-font-60{font-size:60px!important}
.layui-font-white{color:#fff!important}
.layui-font-gray2{color:#777!important}
.layui-font-black2{color:#333!important}
.footer{background:linear-gradient(170deg,#382910 0,#4b3511 62%,#402f22 62%,#583d11 100%)}
.footer img{width:120px;}
.footer input,.footer textarea{width:300px}
.footer center,.footer .border-top a{color: #8f7154;}
.footer center ul{display: flex;justify-content: center;}
.footer center ul li a{padding:20px;color: #c49b74;}
.footer span{margin:0 20px;}
.footer span a{color:#999}
.indexlogo{width:auto;}
.youtu img{width:300px;float: right;}
@media only screen and (max-width:768px){
.swiper-slide{height:300px!important}
.banner600{height:400px}
.banner400{height:250px}
h6{font-size:12px!important}
}
@media only screen and (max-width:480px){
p{font-size:13px}
.layui-container{padding:0 10px!important}
.banner600{height:300px}
.banner400{height:280px}
h1{font-size:20px}
h2{font-size: 16px;}
h6{font-size:10px!important}
.h80{margin-top:40px!important}
.h50{margin-top:25px!important}
.h25{margin-top:12px!important}
.h15{margin-top:8px!important}
.h10{margin-top:5px!important}
.login center img{width:90px}
.indexlogo{width:150px;}
.layui-col-space30{margin:0!important;}
.box80-y{padding: 40px 0;}
.box50{padding:25px}
.box50-y{padding:25px 0}
.box25{padding:6px}
.box25-y{padding:13px 0}
.box15{padding:8px}
.box15-y{padding:8px 0}
.box10{padding:5px}
.box10-y{padding:5px 0}
.footer center.layui-col-md2{text-align: left;}
.footer ul.h15.lh{opacity:0.6;}
.footer li{font-size: 10px;}
.footer .border-left{border: 0;}
.footer .layui-icon{font-size: 10px;}
.footer .layui-font-12{font-size:9px!important;}
.layui-row.layui-col-space20.layui-panel.box50{padding: 0;}
.list.lh.box25.layui-font-16{font-size:14px!important;}
.list li{padding:5px;}
.layui-col-md6 img.radius10{float:none;}
.rili .layui-icon{height: 66px;}
.layui-panel.radius10.box50{padding: 10px;}
}