@charset "utf-8";
/* 把我们所有标签的内外边距清零 */
html { -webkit-text-size-adjust: none;word-wrap: break-word;word-break:break-all;text-overflow: ellipsis;}
* {
    margin: 0;
    padding: 0;
    /* css3盒子模型 */
    box-sizing: border-box;
}
/* html5新增 的布局元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
    font-style: normal
}
/* 去掉li 的小圆点 */
ul,ol,li {
    list-style: none
}
/* blockquote与q标签都是用来表示内容引用,去掉引号 */
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
textarea { overflow: auto; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
hr {
    border-bottom:1px solid #FFFFFF;
    border-top:1px solid #E4E4E4;
    border-width:1px 0;
    clear:both;
    height:2px;
    margin:5px 0;
    overflow:hidden;
    }
    /* border-collapse:collapse; 表示边框合并在一起。 
    border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式）。
    */
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
img {
    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
    border: 0;
    /* 取消图片底侧有空白缝隙的问题 */
    vertical-align: middle
}
button {
    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
    cursor: pointer;
    background: none;
}
a {
    color: #666;
    text-decoration: none;
    vertical-align:baseline; 
    background:transparent;
}
a:hover {
    color: #c81623
}
button,
input {
    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    /* 默认有灰色边框我们需要手动去掉 */
    border: 0; 
    outline: none;
}
/*文字就会和INPUT框对齐。 */
input, select {
    vertical-align:middle;
}
body {
    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font: 15px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    color: #666
}
.hide,
.none {
    display: none
}
/* 清除浮动 */
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}
.clearfix {
    *zoom: 1
}

/*pagebar*/
/*pagebar*/
.pagebar{padding: 20px 0;text-align: center;}
.pagebar span,.pagebar a,.pagebar b{display: inline-block;min-width: 35px;height: 30px;line-height: 28px;text-align: center;border: 1px solid #fb6f4f;margin: 2px;padding: 0px 5px;}
.pagebar a{color: #fb6f4f}
.pagebar b,.pagebar a:hover{background-color: #fb6f4f;color: #fff;}

.pub_content table th{background:#fafafa }
.pub_content img{display: block;margin: auto;max-width: 100%;}
.pub_content h1, .pub_content h2, .pub_content h3 {
  background: #fafafa;
  border-left: solid 5px #ac8e68;
  padding: 8px;
  height: auto;
  padding-left: 15px;
  overflow: hidden;
  margin: 10px 0px;
}
/*******右侧客服悬浮***********/
.wk_kefu_clear { clear:both; line-height:0px; overflow:hidden; *zoom:1; font-size:0px; content:'.'; }
.wk_kefu_fl{float:left; display:inline;}
.wk_kefu_fr {  display: inline; float: right;}
.c_meau{ width:211px; height:380px; position:fixed;  left:50%; margin-left:680px; bottom:-380px; display:none;}
.c_meau .wk_kefu_fl{ width:125px;}
.c_meau .wk_kefu_fl h4{ width:100%; height:61px; background:#fb6f4f; color:#81511c; font-size:16px; line-height:30px; text-align:center; padding:8px 0; font-weight:bold;border-radius: 10px 10px 0px 0px;}
.c_meau .wk_kefu_fl a{color: #fff;}
.c_meau .fl_o{ background:#fff; margin:-16px 0; padding:10px 0 0 0;border-radius: 0px 0px 10px 10px; }
.c_meau .fl_o_o{ color:#7d7d7d; font-size:14px; }
.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #fb6f4f; width:108px; text-align:center; margin:auto auto 10px auto;}
.c_meau .fl_o_o:last-child{border-bottom:none;}
.c_meau .fl_o_o a{color:#fb6f4f}
.c_meau .fl_o_o dd{ line-height:14px;}
.c_meau .fl_o_o a img{height: 95px;width: 95px;}
.fl_o_o i{font-size: 50px;color:#fb6f4f }
.c_meau .fr_o{ margin:90px 0 60px 0;}
.c_meau .fr_t{cursor:pointer;}
.c_meau{ height:auto; bottom:-476px; display:block;}
.c_meau .fl_o_o dd{ line-height:22px;}
.c_meau .fl_o{ margin:-16px 0 -11px 0;background: #dde2fa}
.c_meau .fr_o {margin: 90px 0 168px 0;}
.wk_topppp{font-size: 60px;color:#fb6f4f;}
.wk_sma_a{height: 50px;line-height: 50px;}
@media screen and (max-device-width: 1366px)
{
    .c_meau{ margin-left:470px; z-index:100;}
}
/*******右侧客服悬浮***********/

#pub_tags .tagbgc0 {background-color: #4A4A4A;}
#pub_tags .tagbgc1 {background-color: #428BCA;}
#pub_tags .tagbgc2 {background-color: #5CB85C;}
#pub_tags .tagbgc3 {background-color: #D9534F;}
#pub_tags .tagbgc4 {background-color: #567E95;}
#pub_tags .tagbgc5 {background-color: #B433FF;}
#pub_tags .tagbgc6 {background-color: #00ABA9;}
#pub_tags .tagbgc7 {background-color: #B37333;}
#pub_tags .tagbgc8 {background-color: #FF6600;}
#pub_tags .tagbgc9 {background-color: #D8B303;}

.fc,.wk_fc{clear: both;}
.fl,.wk_fl{float: left;}
.fr,.wk_fr{float: right;}
.pub_pic_big{display: block; width: 100%;height: 100%;overflow: hidden;}

.pub_pic_big img {
    transition: .5s all;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: auto
}
.pub_pic_big img:hover {
    transform: scale(1.08)
}

/**********查看更多样式特效 鼠标移入*************/
.pub_more_hover {
 display:inline-block;
 height:30px;
 line-height:30px;
 text-align:center;
 color:#ac8e68;
 color:;
 background:#ffffff;
 box-shadow:0 0 10px rgba(12,3,6,.13);
 position:relative;
 z-index:1
}
.pub_more_hover span{padding: 0px 10px;}
.pub_more_hover i {
 float:right;
 display:inline-block;
 width:30px;
 height:30px;
 line-height:30px;
 background:#ac8e68;
 background:;
 color:#ffffff;
 font-size:20px;
 transition:ease .65s;
 position:relative;
 z-index:1
}
.pub_more_hover i:after {
 transition:ease-in .65s;
 content:'';
 display:block;
 width:0;
 height:100%;
 background:#fff;
 position:absolute;
 left:0;
 top:0;
 z-index:-1
}
.pub_more_hover:before {
 transition:ease-out .35s;
 content:'';
 display:block;
 width:0;
 height:100%;
 background:#ac8e68;
 background:;
 position:absolute;
 left:0;
 top:0;
 z-index:-1
}
.pub_more_hover:hover {
 color:#fff
}
.pub_more_hover:hover:before {
 width:100%
}
.pub_more_hover:hover i {
 color:#ac8e68;
 color:;
 transition-delay:.2s
}
.pub_more_hover:hover i:after {
 width:100%;
 transition-delay:.2s;
 transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)
}

/*移动端导航样式*/
.menu-espanso {background-color: transparent;position: fixed;height:100%;top: 0px;right: 0px;overflow: hidden !important;z-index: 0;}
.menu,.linee {cursor: pointer;}
.menu {float: right;margin: 15px 15px 0 0;height: 49px;width: 49px;border-radius: 50%;background-color: red;border: none;transition: all 0.40s ease-out;}
.over {transform: scale(100);transition: all 0.350s ease-in;cursor: default;background: #000;}
.linea1 {background: #fff;height: 2px;width: 15px;position: absolute;right: 33px;top: 33px;transition: all 0.3s;}
.linea2 {background: #fff;height: 2px;width: 15px;position: absolute;right: 33px;top: 38px;opacity: 1;transition: opacity 0.5s;}
.linea3 {background: #fff;height: 2px;width: 15px;position: absolute;right: 33px;top: 43px;}
.overL1 {animation: closetop 1s forwards;animation-direction: alternate;cursor: pointer;}
.overL2 {opacity: 0;transition: opacity 0.5s;cursor: pointer;}
.overL3 {animation: closebottom 1s forwards;animation-direction: alternate;cursor: pointer;}
@keyframes closetop {0% {transform: translateY(5px) rotate(0deg);}25% {transform: translateY(5px) rotate(0deg);}75% {transform: translateY(5px) rotate(-45deg);}100% {transform: translateY(5px) rotate(-45deg);}}
@keyframes closebottom {0% {transform: translateY(0px) rotate(0deg);}25% {transform: translateY(-5px) rotate(0deg);}75% {transform: translateY(-5px) rotate(45deg);}100% {transform: translateY(-5px) rotate(45deg);}}
.voci-menu {visibility: hidden;position: absolute;top: 67px;opacity: 0;transition: all 0.300s;transition-delay: 0s;}
.overvoci {visibility: visible;opacity: 1;transition: all 0.400s;transition-delay: 0.370s;}
.voci-menu ul {list-style-type: none;}
.voci-menu ul li {margin: 20px 0px;}
.voci-menu ul li a {text-decoration: none;color: #fff;margin: 15px;padding: 5px 20px;border: solid 1px #fff;}
.voci-menu ul li a:hover {opacity: 0.7;}

/*********1214 色调 背景 边框 文字 ********************/
.wk_web_color_1214{color: #fb6f4f !important ;}
.wk_web_bg-color_1214{background: #ac8e68 !important ;}
.wk_web_bd-color_1214{border-color:#ac8e68 !important ;}
/*********header1214 开始 ********************/
.wk_web_nav_1214 {position: fixed;top:0;width: 100%;z-index: 999;}
.wk_web_nav_1214 .layui-nav{background: none;}
.wk_web_nav_1214 .layui-nav .layui-this::after{background: none;}
.wk_web_nav_1214 .layui-nav li:hover{border: none;}
.wk_web_nav_1214 .layui-nav a{color: #fff;}
.wk_web_nav_1214 .layui-this{background: #854c31}
.wk_web_nav_1214 .wk_logo img{height: 50px;margin: 5px 0px;}
.wk_web_nav_1214 .layui-nav-child{background: #fb6f4f;color: #fff;}
.wk_web_nav_1214 .layui-nav-child a{color: #fff;}
.wk_web_nav_1214 .layui-nav a:hover{background: #854c31;color: #fff;}
.wk_web_logo_1214 img{height: 50px;margin: 5px 0px;}
.wk_web_nav-h_1214{height: 168px;}
.wk_web_nav_1214 .layui-nav .layui-nav-item a {padding: 0 48px;}
/*********header1214结束********************/
/*********footer1214开始********************/
.wk_footer_1214 p{font-size: 14px;}
.wk_footer_1214{width: 100%;background: #ac8e68;color: #ACACAC;}
.wk_footer_1214 a:hover{color: #fff;}
.wk_footer_ewm_div_1214 {text-align: center;padding-top: 20px;}
.wk_foot_p_1214{font-size: 18px;}
.wk_foot_nav_1214 ul li{float: left;height: 80px;line-height: 80px;margin-right: 30px;}
.wk_foot_nav_1214 ul li a{color: #ccc;}
/*********footer1214结束********************/
.pub_ad_div img{width: 100%;display: block;}

.index_tel{font-size: 30px;color:#ac8e68;text-align: center;margin-top: 28px;}
.index_sssss{margin-top: 35px;}

.wk_web_bq_1214 .layui-input:focus{
    border-color: red; 
}
.index_one_div{background: #fff;padding: 50px 0px;}
.index_two_div{background: #f1e8c9;padding: 40px 0px;}
.yjyjj_index{font-size: 20px;color: #a25b3d;line-height: 30px;padding-bottom: 10px;}
.jj_div{text-indent: 2em;line-height: 30px;}
.index_ttt{font-size: 20px;color: #a25b3d;border-bottom: solid 1px #ccc;padding: 30px 0px 10px 0px;}
.gyhdp{font-size: 18px; color:#a25b3d; line-height: 28px;overflow: hidden;height: 28px;}
.gyhh_papd{padding: 0px 15px;}
.gyhd_js{line-height: 25px;height: 183px;overflow: hidden;padding-top: 10px;}
.index_four_div{background: #f1e8c9;padding: 20px 0px;}
.index_xinwen{height: 30px;line-height: 30px;}