@import "/hpykcss/public.css";
body{ margin:0; }
.banner{ background:url(images/banner.jpg) no-repeat center top; height:464px; margin-bottom:55px;}
.stage{ width:1100px; margin:0 auto;}
.hbox{ display:flex;justify-content:space-between; padding-bottom:40px;}
.htitle{ font-size:16px; color:#7d7c7c; border-bottom:2px solid #b6b4b5; font-weight:normal; text-transform:uppercase;}
.htitle big{ display:inline-block; padding-bottom:5px; font-size:30px; font-family:"黑体"; color:#2d2d2d; position:relative; bottom:-2px; border-bottom:2px solid #a28c5f;}
.hleft{ width:670px;}
.ksjs{ margin:1em 0; text-indent:2em; font-size:18px; line-height:2.5; color:#151616;font-family:"微软雅黑";}
.ksjs .color{ color:#c09954;}
.btn-box{ text-align:center;}
.btn-box a{ display:inline-block; margin-right:40px;}
.yybox{ box-shadow: 5px 5px 5px #e7e2da; }
.yytitle{ display:block;}
.yybody{ background:#bca77c; padding:5px 27px 8px;}
.yyform{ background:#cdbb96; padding:10px 25px;box-shadow: 2px 2px 2px #b19d75;}
.yyform input,.yyform select,.yyform textarea{ color:#fff; border:1px solid #fff; background:#cdbb96; padding:5px; outline:none;flex:1 0 auto;}
.yyform option{ color:#fff; }
.yyform input:focus,.yyform textarea:focus{ border-color:#ffcecc}
{}
.yyform .tr{ display:flex;  padding:8px 0;}
.yyform .submit-btn{ text-align:center; padding-top:10px;}
.yyform .yylabel{ flex:0 0 auto; color:#fff; width:34%; font-size:16px; line-height:1.5;}
.yyform select{
	color:#fff;
   appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;	
  background:#cdbb96 url("images/arrow.png") no-repeat scroll right center;
  padding-right: 14px;
}
::-webkit-datetime-edit-text { color: #fff; padding: 0 .3em; } 
input::-webkit-datetime-edit-year-field{ color: #fff; }
input::-webkit-datetime-edit-month-field{ color: #fff; }
input::-webkit-datetime-edit-day-field{ color: #fff; }
input::-webkit-input-placeholder{ 
    color:#fff;
}
input::-moz-placeholder{
	color:#fff;
}
input:-moz-placeholder{
	color:#fff;	
}
input:-ms-input-placeholder{
	color:#fff;
}
.zlbox{ display:flex; padding:20px; justify-content:space-between;flex-flow:row wrap;}
.zlbox a{ margin-bottom:1em; text-decoration:none; border-radius:.5em; flex:0 0 auto; font-size:24px; font-family:"黑体"; line-height:1; padding:.75em 0; text-align:center; color:#fff; background:#c09954; width:183px;}
.zlbox a.on{ color:#86662f; background:#cdbb96;}
.zxbtn2{ text-align:center; padding:25px 0;}
.sidebar{ border:1px solid #d1c0a5; width:374px; border-bottom:none;}
.sidebar ul,.sidebar li{ padding:0; margin:0; list-style:none;}
.sidebar .sideitem{ padding-left:50px; padding-top:30px; padding-bottom:30px;}
.sidebar .sideitem li{ padding-left:45px; background-position:left center; font-size:14px; color:#2d2d2d; background-repeat:no-repeat; padding-bottom:10px;}
.sidebar .sideitem .tel{ background-image:url(images/icon_tel.jpg);}
.sidebar .sideitem .zx{ background-image:url(images/icon_zx.jpg);}
.sidebar .sideitem .addr{ background-image:url(images/icon_addr.jpg);}
.sidebar .sideitem li big{ display:block; font-size:24px; color:#c09954;}
.docbox{ background:url(images/docbg.jpg) center center no-repeat; background-size:auto 100%; min-height:923px;}
.doctab{ padding-top:45px; padding-left:30px; display:flex;}
.doctab .tabbtn{ padding-top:10px;}
.doctab .on{ padding-top:0px;}
.doctab .tabbtn a{ display:inline-block;  background:#c09954; margin-right:20px; box-shadow:15px 3px 10px rgba(220,209,188,0.5); font-size:30px; color:#fff; font-weight:bold; width:198px; text-align:center; line-height:60px; border-radius:.5em .5em 0 0; text-decoration:none;}
.doctab .on a{ padding:5px 0; color:#86662f; background:#cdbb96; }
.doclist,.doclist li{ list-style:none; margin:0; padding:0;}
.doclist{ padding:37px 0 0 20px; background:#fff; border-radius:30px; box-shadow:30px 30px 30px #d6c9b3;}
.doclist li{ float:left; margin-right:11px; margin-left:10px; margin-bottom:40px;}
.doclist:after{ content:''; display:block; height:0px; clear:both;}
.doclist .btns{ display:flex; justify-content:space-between; padding-top:5px;}
.doclist .btns a{  text-decoration:none; font-size:14px; padding:.5em 1.2em; line-height:1;}
.doclist .btns .zx{ background:#c09954; color:#fff; border:1px solid #c09954;}
.doclist .btns .jj{ background:#fff; color:#666666; border:1px solid #666;}
.doclist .imgbox{ position:relative;}
.doclist .docname{ position:absolute; bottom:0; left:0; width:100%; background:rgba(192,153,84,.75); line-height:2.2; font-size:18px; color:#fff; text-align:center;}
.videostage{ background:#fafafa; position:relative; padding-bottom:50px;}
.videobox{ position:relative; padding-top:100px; z-index:10; background:url(images/bg_video.png) no-repeat center bottom; height:535px; width:1128px; margin:0 auto;}
.video_bbg{ background:#c09954; position:absolute;bottom:0; left:0; width:100%; height:340px;}
.video{ position:absolute; width:878px; height:435px; border-radius:15px; left:222px; top:156px; overflow:hidden;}
.video video{ width:100%; height:100%;object-fit:fill;}