﻿@charset "utf-8";
/*全局初始化样式*/
body{padding:0; margin:0 auto; font-size: 14px;line-height:24px;font-family:arial,"Microsoft YaHei",'微软雅黑','宋体'; color: #333;min-width: 320px;width: 100%; zoom:1; background: url(../images/i_bjsp/bg.png);}

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        */
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
background: #fff;
}
* {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap:break-word;
    margin:0;
    padding: 0;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul>li,.dl,.dl>dd,.dl>dt{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;font-family:'微软雅黑';} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0;vertical-align:top;max-width:100%}

/*初始化a的样式和字体样式*/
a{color:#555;text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus{outline:none; -moz-outline:none;}
a:hover{color:#666;}
a:hover{text-decoration: none;}
a:active{}
a {font-size:16px}   
a:link {text-decoration:none;}  
a:active{text-decoration: none;} 
a:visited {text-decoration:none;}  
a:hover {text-decoration:none;} 

/*全局样式*/
.PIC{position: relative;height: 0;padding-bottom: 50%;overflow: hidden;}
.PIC img{display: block;width: 100%;min-height: 100%;position: absolute;left: 0;top: 0;}
.dot{display: block;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}

/*小滚动条样式*/
.gdt::-webkit-scrollbar{width:3px;}
.gdt::-webkit-scrollbar-track{background-color:#fff;}
.gdt::-webkit-scrollbar-thumb{background-color:#333;}
.gdt::-webkit-scrollbar-thumb:hover{background-color:#333}
.gdt::-webkit-scrollbar-thumb:active{background-color:#333} 
.gdt{overflow:auto!important;padding-right:10px!important;padding-left:10px!important;}


/*页面框架结构*/
.MainBox{padding: 60px 0 100px;overflow: hidden;min-height: 300px;/*background: url(../images/main_bg.png) center 115px no-repeat;*/position: relative;}


.SinglePage{text-justify:inter-ideograph;text-align:justify;overflow:hidden;min-height: 140px;word-break: break-all;}
.SinglePage img{max-width: 100%;}
.TxtPage{text-justify:inter-ideograph;text-align:justify;word-break: break-all;}
.TxtPage img{max-width: 100%;}

.SubMenu{ border-bottom:solid 1px #eeeeee; padding:13px 0;line-height:32px;}
.Current{background: url(../images/home_bg.png) left center no-repeat;color: #666;float: right; padding-left:30px;}
.Current span{color: #006d85;}
.Current a{ padding-right:11px; margin-right:5px; color: #555555;background: url(../images/Current_icon.png) right center no-repeat;}
.Current a:hover{color: #006d85;}

.SubMenu .ul{float: left;}
.SubMenu .ul li{display: inline-block; font-size:16px;}
.SubMenu .ul li>a{display:block;color: #555; padding:0px 26px;}
.SubMenu .ul li.on>a,
.SubMenu .ul li:hover>a{ background-color: #006d84;color: #fff;}

/*banner*/
.BanBox img{display: block;width: 100%;}
.BanBox img.IMG2{display: none;}

/*分页开始*/
.Pages{font-size: 0; padding:0; line-height:24px; zoom:1; overflow:hidden;margin:0;text-align: center;}
.Pages span{ padding:0px 3px;}
.Pages a{ display:inline-block; margin:0 3px;font-size: 14px;color: #666;background: #fff;border: 1px solid #eaeaea;}
.Pages a:hover{color: #fff;background: #5e9002;border-color: #5e9002;}
.Pages .p_page em{ font-style:normal; font-family:Arial;position: relative;}
.a_first,
.a_prev,
.a_next,
.a_end,
.Pages .p_page em a{ padding:4px 15px;}
.Pages .p_page em a.a_cur{color: #fff;background: #006d84;border-color: #006d84;}
.Pages a.a_prev,
.Pages a.a_next{ font-family:宋体}
/*分页结束*/

/* 文字标签默认清除 */
p,h1,h2,h3,h4,h5,h6,span,i{text-decoration: normal; margin:0; padding:0;}
ul,li{list-style: none;}
*{box-sizing: border-box;}
/* 文字标签默认样式 */

/* 清除浮动 */
.clearfix::after{content:''; display: block; clear:both;}
/* 清除浮动结束 */

/* 内容最大宽度 */
.centered{max-width: 1200px; margin:0 auto;}
/* 内容最大宽度 */

ol, ul{margin:0;}

.w1206{max-width: 1206px; width: 100%; margin:0 auto;}
/*头部*/
.header{}
.header .NavBtn{display: none;}
.header .NavList2{display: none;}
.header .logo{float: left; margin-top: 24px; margin-bottom: 24px;}
.header .logo img{}
.header .NavList{float: right;}
.header .NavList li{float: left;padding:5px 3px 5px 7px; margin:20px 30px; position: relative;}
.header .NavList li.on{background-color: #6c4a21;}
.header .NavList li:hover{background-color: #6c4a21;}
.header .NavList li>a{color: #6c5421; font-size: 16px; width: 20px; word-wrap: break-word; letter-spacing: 20px; display: block; line-height: 18px;}
.header .NavList li:hover a{color: #fff;}
.header .NavList li.on a{color: #fff;}
.header .NavList li::after{content:''; width: 1px; height: 61px; display: block; background-color: rgba(108,74,33,0.1); position: absolute; right: -30px; top: 50%; margin-top: -30.5px;}
.header .NavList li:last-child::after{display: none;}
.header .NavList2{position: absolute; right: 0; top: 100%; z-index: 99999;}
.header .NavList2 ul{}
.header .NavList2 ul li{font-size: 30px; color: #000; background:rgba(255,255,255,1); padding:10px 30px; border-bottom: 1px solid #ccc;}



/* 首页 */

/* 首页banner */
.index_banner{text-align: center;max-width: 1920px; margin: 0 auto;}
.index_banner .swiper-pagination-bullet{width: 6px!important; height: 6px!important; background:#fff!important; opacity: 1!important; margin:30px 20px!important;}
.index_banner .swiper-pagination-bullet-active{background:#ee7700!important; position: relative;}
.index_banner .swiper-pagination-bullet-active::after{content:''; width: 34px; height: 34px; display: block; border-radius: 50%; border:1px solid #ee7700; position: absolute; left:50%; margin-left: -17px; top:50%; margin-top: -17px;}
.index_banner .swiper-button-next, .swiper-button-prev{width: 61px!important; height: 58px!important; margin-top: -29px!important; background-size: 100% 100%!important;}
.index_banner .swiper-button-next{background-image: url(../images/banner_next.png)!important; right:50px!important;}
.index_banner .swiper-button-prev{background-image: url(../images/banner_prev.png)!important; left:50px!important;}
.index_banner .swiper-button-disabled{pointer-events: auto!important;}
.index_content{}
@media screen and (max-width:768px){
.index_banner .swiper-pagination-bullet{margin:8px 20px!important}
}



/* about */
.index_content .about_us{max-width: 1920px;margin: 0 auto;padding:123px 0; background: url(../images/i_bjsp/about/bg.png) no-repeat center; background-size: 100% 100%;}
.index_content .about_us .left{float: left;}
.index_content .about_us .left .title{width: 51px; background: url(../images/i_bjsp/about/title_bg.png) no-repeat center; padding:29px 15px; float: left; background-size: 100% 100%;}
.index_content .about_us .left .title p{font-size: 24px; color: #6c4a21; width: 20px; word-wrap: break-word; /* writing-mode: tb-rl; */}
.index_content .about_us .left .intro{font-size: 16px; color: #6c4a21; line-height: 36px; width: 444px; height: 370px; white-space: normal; word-break:break-all; /* writing-mode:tb-rl; */ float: left; position: relative; /* padding-top: 50px; */padding:50px 0 0 55px;text-indent:2em;}
.index_content .about_us .left .intro::before{content:''; width: 336px; height: 15px; display: block; background: url(../images/i_bjsp/about/top_line.png) no-repeat center; background-size: 100% 100%; position: absolute; top:0px; right: 16px;}
.index_content .about_us .img_w{float: right; margin-top: 6px; width: 660px; height: 372px; overflow: hidden;}
.index_content .about_us .img_w img{max-width: 100%;}

/* produce */
.index_content .produce{max-width: 1920px;margin: 0 auto;padding:86px 0; background: url(../images/i_bjsp/product/bg.png) no-repeat center; background-size: 100% 100%;}

.index_content .produce .product_box{margin-top: 5%;}
.index_content .produce .subtitle_title{display: none;}
.index_content .produce .product_box .product_left{display: inline-block;width: 90%;vertical-align: top;}
.index_content .produce .product_box .product_right{display: inline-block;width: 8%;vertical-align: top;}
.index_content .produce #product .intro{}
.index_content .produce #product .intro .p1{position: absolute;right: 200%;top: 0;transition: all .4s ease-out;opacity: 0;}
.index_content .produce #product .intro .p2{position: absolute;left: 200%;top: 75px;transition: all .4s ease-out;opacity: 0;}
.index_content .produce .product_left:hover #product .intro .p1{top: -10px;}
.index_content .produce .product_left:hover #product .intro .p2{top: 65px;}
.index_content .produce #product .active .p1{right: 0;opacity: 1;}
.index_content .produce #product .active .p2{left: 0;opacity: 1;}
.index_content .produce .product_box .bx-controls{display: none;}


.index_content .produce .main{}
.index_content .produce .main .imgw{width: 50%; float: left; text-align: center;position: relative;z-index: 999999;}
.index_content .produce .main .imgw img{max-width: 100%;}
.index_content .produce .main .intro{width: 50%; float: left;}
.index_content .produce .main .intro .xl{width: 382px; float: left; margin:100px 0 0 80px;position: relative;}
.index_content .produce .main .intro .xl .p1{font-size: 32px; color: #6c4a21; line-height: 40px; width: 382px; text-align: center; padding-bottom: 20px;}
.index_content .produce .main .intro .xl .p2{width: 382px; background: #6c4a21; text-align: center; line-height: 24px; color: #fff; padding-top: 20px;padding-bottom: 20px;}
.index_content .produce .main .intro .xl .p2 .p2_title{font-size: 18px; display: block;}
.index_content .produce .main .intro .xl .p2 .p2_desc{font-size: 16px;  display: block;}
.index_content .produce .product_box .title{width: 51px; height: 205px; background: url(../images/i_bjsp/about/title_bg.png) no-repeat center; padding:54px 15px; float: right;}
.index_content .produce .product_box .title p{font-size: 24px; color: #6c4a21; width: 20px; word-wrap: break-word; letter-spacing: 20px;}
.index_content .produce .sub{padding-top: 20px;width: 90%;margin: 0 auto;}
.index_content .produce .sub a{float: left; width: 355px; height: 244px; overflow: hidden; margin-right: 40px;}
.index_content .produce .sub a:last-child{margin-right: 0;}
.index_content .produce .sub a img{max-width: 100%;}

@media screen and (max-width:767px){
    .index_content .produce .sub{width: 70%;}
    .index_content .produce .product_box .product_right{display: none;}
    .index_content .produce .subtitle_title{display: block;height: 50px;line-height: 50px;font-size: 24px;color: #6c4a21;text-align: center;}
    .index_content .produce .subtitle_title p{display: inline-block;border-bottom: 1px solid #6c4a21;}
    .index_content .produce .product_box .product_left{width: 100%;}
}

/* .index_content .produce .sub .owl-nav{display: none;} */
.index_content .produce .sub .owl-prev {position: absolute;left: -24px;top: 50%;width: 22px;height: 39px;margin-top: -5px;background: url(../images/prev_next.png) no-repeat left;}
.index_content .produce .sub .owl-next {position: absolute;right: -24px;top: 50%;width: 22px;height: 39px;margin-top: -5px;background: url(../images/prev_next.png) no-repeat right;}

.index_content .news{padding:86px 0; /*background:url(../images/i_bjsp/news/bg.jpg) no-repeat center top;*/}
.index_content .news .title{width: 205px; height: 51px; background: url(../images/i_bjsp/news/title_bg.png) no-repeat center; text-align: center; margin:0 auto;}
.index_content .news .title p{font-size: 24px; color: #fff; line-height: 51px;}
.index_content .news .conts{width: 100%; height: 470px; margin-top: 100px; background: rgba(251,247,232,0.5); box-shadow: -5px 0 5px -5px rgba(0,0,0,0.0), 0 -5px 5px -5px rgba(0,0,0,0.5), 0 5px 5px -5px rgba(0,0,0,0), 5px 0 5px 1px rgba(0,0,0,0); }
.index_content .news .conts .cont{width: 372px; height: 422px; background: #fff; float: left; margin:20px 14px; padding:68px 30px;}
.index_content .news .conts .cont:hover{background: rgba(255,255,255,0.8); transition:all 0.2s;}
.index_content .news .conts .cont:hover h4{color: #000;}
.index_content .news .conts .cont:hover .intro{color: #000;}
.index_content .news .conts .cont .date{font-size: 16px;color: #6c4a21;padding: 18px 0 22px 0;}
.index_content .news .conts .cont .date span{font-size: 26px;color: #6c4a21;margin-right: 8px;}
.index_content .news .conts .cont .time{font-size: 16px; color: #6c4a21;}
.index_content .news .conts .cont .time span{font-size: 26px; margin-right: 4px;}
.index_content .news .conts .cont h4{font-size: 16px; color: #6c4a21; line-height: 28px;  font-weight: normal; height: 56px; overflow: hidden;}
.index_content .news .conts .cont .intro{font-size: 14px; color: #6c4a21; line-height: 24px; margin-top: 8px;}
.index_content .news .conts .cont a.more{font-size: 14px; color: #6c4a21; text-transform: uppercase; display: inline-block; margin-top: 30px;}
.index_content .news .btn_more{width: 209px; height: 46px; display: block; background:#6c4a21; text-align: center; color: #fff; font-size: 20px; margin:10px auto; line-height: 46px;}

.index_content .contact{padding:36px 0; /*background: url(../images/i_bjsp/contact/bg.png) no-repeat center top;*/ height: 280px;}
.index_content .contact .title{width: 51px; height: 205px; background: url(../images/i_bjsp/contact/title_bg.png) no-repeat center; padding:54px 15px; float: right;}
.index_content .contact .title p{font-size: 24px; color: #fff; width: 20px; word-wrap: break-word; letter-spacing: 20px;}
.index_content .contact .way{margin:60px 0 0 0; float: left;}
.index_content .contact .way .phone{font-size: 14px; color: #fff; line-height: 40px; letter-spacing: 3px;}
.index_content .contact .way .phone span{font-size: 30px; letter-spacing: 1px;}
.index_content .contact .way .address{font-size: 14px; color: #fff;line-height: 40px; letter-spacing: 3px;}
.index_content .contact .way .address span{font-size: 20px;}
@media screen and (max-width:768px){
    .index_content .contact .way .phone span{font-size: 14px;}
    .index_content .contact .way .address span{font-size: 14px;}
}
    

/* menu */
.menu_nav{}
.menu_nav .menu_wrap{float: left; padding:20px 0;}
.menu_nav .menu_wrap a{width: 165px; height: 51px; display: inline-block; line-height: 51px; font-size: 18px; color: #6c4a21; text-align: center; }
.menu_nav .menu_wrap a:first-child{width: 220px;}
.menu_nav .menu_wrap a:hover{color: #e41111;font-weight:bold;}
.menu_nav .menu_wrap a.on{background: url(../images/qyjj/menu_nav_bg.png) no-repeat center; background-size: 100% 100%;color: #e41111;}
.menu_nav .bread_crumb_wrap{float: right; padding:33px 0;}
.menu_nav .bread_crumb_wrap a{font-size: 14px; color: #6c4a21; display: inline-block; padding:0px 10px; position: relative;}
.menu_nav .bread_crumb_wrap a::after{content:'>'; font-size: 18px; color: #6c4a21; position: absolute; margin-left: 8px;}
.menu_nav .bread_crumb_wrap a:first-child::before{content:'当前位置：'; font-size: 14px; color: #6c4a21; position: absolute; margin-left: -74px; pointer-events: none;}
.menu_nav .bread_crumb_wrap span{font-size: 14px; color: #6c4a21; display: inline-block; padding-left: 10px;}
/* menu */

/* qyjj */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.qyjj_content{padding:60px 34px;box-shadow: 0 0 5px #999;margin-bottom: 100px !important;}
.qyjj_content .contents{}
.qyjj_content .contents p.t{font-size: 30px; color: #6c4a21; line-height: 36px; padding-top: 10px; padding-bottom: 2px;}
.qyjj_content .contents p.sbt{font-size: 14px; color: #6c4a21; padding:0;}
.qyjj_content .contents .line{height: 15px; background: url(../images/qyjj/line.png) no-repeat center left; display: block; margin-top: 20px;}
.qyjj_content .contents p{font-size: 14px; color: #6c4a21; line-height: 28px; margin:20px 0;}
.qyjj_content .contents .tb_img{margin:24px 0;}
/* qyjj */


/* qyry */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.qyry_content{padding:60px 0px; box-shadow: 0 0 5px #999;margin-bottom: 100px !important;}
.qyry_content .contents{margin:0; padding:0 2%;font-size: 0;}
.qyry_content .contents .li{
    display: inline-block;
    width: 30.3%;
    margin: 2% 1.5%;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0);
    vertical-align: top;
}
.qyry_content .contents .li:hover{border:1px solid #6c4a21;}
.qyry_content .contents .li .img_w{max-width: 100%;height: 15em;overflow: hidden;}
.qyry_content .contents .li .img_w img{width: 100%;height: 100%;transition: all .2s;}
.qyry_content .contents .li:hover .img_w img{-ms-transform:scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.qyry_content .contents .li .text{padding: 7% 5%;}
.qyry_content .contents .li .text p{font-size: 16px; color: #6c4a21; line-height: 24px;}
.qyry_content .contents .li .text a{font-size: 14px; color: rgba(108,74,33,0.5); padding-top: 10px; display: inline-block;}
.qyry_content .loadmore{width: 209px; height: 46px; display: block; margin:60px auto; text-align: center; background-color: #6c4a21; font-size: 20px; line-height: 46px; color: #fff;}
/* qyry */


/* event */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.event_content{padding:60px 34px;box-shadow: 0px 0px 5px #999;margin-bottom: 100px !important;}
.event_content .contents{}
.event_content .contents 
/*.event_content .contents p.t{font-size: 30px; color: #6c4a21; line-height: 36px; padding-top: 10px; padding-bottom: 2px;}
.event_content .contents p.sbt{font-size: 14px; color: #6c4a21; padding:0;}
.event_content .contents .line{height: 15px; background: url(../images/event/line.png) no-repeat center left; display: block; margin-top: 20px;}
.event_content .contents p{font-size: 14px; color: #6c4a21; line-height: 28px; padding:20px 0;}*/
.event_content .contents .tb_img{margin:24px 0;}
/* event */


/* jcsp */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.jcsp_content{padding:60px 0px;box-shadow: 0 0 5px #999;margin-bottom: 100px !important; }
.jcsp_content .contents{margin:0; padding:0 2%;}
.jcsp_content .contents .li{float: left; background: #ffffff; width: 30.3%; margin:2% 1.5%; border:1px solid rgba(0,0,0,0); cursor: pointer;}
.jcsp_content .contents .li:hover{border:1px solid #6c4a21;}
.jcsp_content .contents .li .img_w{max-width: 100%; position: relative;height: 17em;overflow: hidden;}
.jcsp_content .contents .li .img_w::after{content:''; width: 100%; height: 100%; position: absolute; display: block; background: rgba(80,70,58,0.5); left: 0; top:0; }
.jcsp_content .contents .li:hover .img_w::after{ background: rgba(80,70,58,0.0); }
.jcsp_content .contents .li .img_w img{width: 100%;transition: all .2s;}
.jcsp_content .contents .li:hover .img_w img{-ms-transform:scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.jcsp_content .contents .li .text{padding: 7% 5%;}
.jcsp_content .contents .li .text p{font-size: 16px; color: #6c4a21; line-height: 24px;}
.jcsp_content .contents .li .text a{ margin-top: 10px; display: inline-block; width: 26px; height: 19px; background: url(../images/jcsp/play_icon.png) no-repeat center; display: block;}
.jcsp_content .loadmore{width: 209px; height: 46px; display: block; margin:60px auto; text-align: center; background-color: #6c4a21; font-size: 20px; line-height: 46px; color: #fff;}
/* jcsp */


/* news_list */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.news_list_content{padding:60px 0px;box-shadow: 0 0 5px #999;margin-bottom: 100px !important;}
.news_list_content .contents{margin:0; padding:0 2%;}
.news_list_content .contents .li{float: left; background: #ffffff; width: 30.3%; margin:2% 1.5%; border:1px solid rgba(0,0,0,0);}
.news_list_content .contents .li:hover{border:1px solid #6c4a21;}
.news_list_content .contents .li .img_w{max-width: 100%;height: 15em;overflow: hidden;}
.news_list_content .contents .li .img_w img{width: 100%;min-height: 100%;transition: all .2s;}
.news_list_content .contents .li:hover .img_w img{-ms-transform:scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.news_list_content .contents .li .text{padding: 7% 5%;height: 18em;transition: all .6s;}
.news_list_content .contents .li:hover .text{padding-top: 5%;}
.news_list_content .contents .li .text p{font-size: 16px; color: #6c4a21; line-height: 24px;}
.news_list_content .contents .li .text .date{font-size: 16px; color: #6c4a21; padding:18px 0 22px 0}
.news_list_content .contents .li .text .date span{font-size: 26px; color: #6c4a21; margin-right: 8px;}
.news_list_content .contents .li .text .tit{font-size: 16px; color: #6c4a21; padding:2px 0 14px 0;}
.news_list_content .contents .li .text .rmk{font-size: 14px; color: #6c4a21; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.news_list_content .contents .li .text a.more{font-size: 14px; color: #6c4a21; padding-top: 20px; display: inline-block;}
.news_list_content .loadmore{width: 209px; height: 46px; display: block; margin:60px auto; text-align: center; background-color: #6c4a21; font-size: 20px; line-height: 46px; color: #fff;}
/* news_list */

/* product_list */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.product_list_content{padding:60px 0px; box-shadow: 0 0 5px #999;margin-bottom: 100px !important; }
.product_list_content .contents{margin:0; padding:0 2%;}
.product_list_content .contents .li{display: inline-block;vertical-align: top; background: #ede0cf; width: 30%; margin:2% 1.5%; border:1px solid rgba(0,0,0,0);}
.product_list_content .contents .li:hover{border:1px solid #6c4a21;}
.product_list_content .contents .li .img_w{overflow: hidden;width: 100%; height: 14em; margin-top: 5%;}
.product_list_content .contents .li .img_w img{width: 100%;height: 100%;transition: all .2s;}
.product_list_content .contents .li:hover .img_w img{-ms-transform:scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.product_list_content .contents .li .text{padding: 4% 5% 8% 5%; text-align: center;transition: all .6s;}
.product_list_content .contents .li:hover .text{padding-top: 2%;}
.product_list_content .contents .li .text p{font-size: 16px; color: #6c4a21; line-height: 24px;}
.product_list_content .contents .li .text p.nm{font-size: 18px; padding-bottom: 12px;}
.product_list_content .contents .li .text a.more{font-size: 30px; color: #6c4a21; display: block; text-align: center;}
.product_list_content .loadmore{width: 209px; height: 46px; display: block; margin:60px auto; text-align: center; background-color: #6c4a21; font-size: 20px; line-height: 46px; color: #fff;}
/* product_list */


/* interlocution */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.question_content{padding:60px 0px; box-shadow: 0 0 5px #999;margin-bottom: 100px !important; }
.question_content .contents{margin:0; padding:0 1%;}
.question_content .contents li{width: 100%; padding:0 2%;}
.question_content .contents li h3{width: 100%; height: 55px; font-size: 14px; color: #6c4a21; line-height: 55px; padding-left: 50px; position: relative; border-bottom: 1px solid #e0dbc9; cursor: pointer; height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.question_content .contents li h3::before{content:''; width: 24px; height: 24px; display: block; background: url(../images/interlocution/q_icon.png) no-repeat center; position: absolute; left:13px; top:50%; margin-top: -12px; }
.question_content .contents li h3.on{background: #ffffff; border: 1px solid #e0dbc9; border-top-width: 0px;}
.question_content .contents li h3 .icon_change{width: 12px; height: 12px; display: block; background: url(../images/interlocution/add.png) no-repeat center; position: absolute; right: 13px; top:50%; margin-top: -6px; cursor: pointer;}
.question_content .contents li h3.on .icon_change{background: url(../images/interlocution/reduce.png) no-repeat center;}
.question_content .contents li .answer_wrap{background: #fff; border:1px solid #e0dbc9; padding:20px 50px 50px 50px; border-top-width: 0px; position: relative; display: none;}
.question_content .contents li .answer_wrap::before{content:''; width: 24px; height: 24px; display: block; background: url(../images/interlocution/a_icon.png) no-repeat center; position: absolute; top:26px; left:13px;}
.question_content .loadmore{width: 209px; height: 46px; display: block; margin:60px auto; text-align: center; background-color: #6c4a21; font-size: 20px; line-height: 46px; color: #fff;}
/* interlocution */


/* talent_idea_content */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.talent_idea_content{padding:60px 0px; box-shadow: 0 0 5px #999;margin-bottom: 100px !important; }
.talent_idea_content .contents{margin:0; padding:0 1%;}
.talent_idea_content .contents .li{width: 100%; padding:0 2%; margin-bottom: 30px;background: #f0ecdb;}
.talent_idea_content .contents .li >div{width: 50%; float: left;}
.talent_idea_content .contents .li:nth-child(2n) .img_w{float: right;}
.talent_idea_content .contents .li .wrap{width: 80%; margin: 20px auto;}
/* .talent_idea_content .contents .li .wrap1{padding-top:50px;} */
.talent_idea_content .contents .li .wrap2{padding-top:8px;}
.talent_idea_content .contents .li .wrap3{padding-top:24px;}
.talent_idea_content .contents .li .text_w{background: #f0ecdb;}
.talent_idea_content .contents .li .text_w .line{height: 15px; background: url(../images/qyjj/line.png) no-repeat center left; display: block; margin-top: 20px;}
.talent_idea_content .contents .li .text_w .tit{font-size: 24px; color: #6c4a21; padding:10px 0;}
.talent_idea_content .contents .li .text_w .intro{font-size: 16px; color: #6c4a21; line-height: 1.8;}

/* talent_idea_content */


/* recurit */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.recruit_content{padding:60px 0px; box-shadow: 0 0 5px #999;margin-bottom: 100px !important; }
.recruit_content .contents{margin:0; padding:0 3%;}
 dl{margin-bottom: 0;}
.jobtitle{ border:1px solid #eee; }
.jobtitle .h3{font-size: 22px;color: #333;font-weight: normal;text-align: center;line-height:73px;border-bottom: 1px solid #eee;}
.jobtitle .img{text-align: center;padding: 50px 0;}
.JobList{padding-top: 30px;}
.JobList ul li.on .JobTop{background: #ffffff;}
.Job dl dd{float: left; text-align: center; width: 25%;}
.Job .ul .JobTop{padding:14px 10px; border-bottom: 1px solid #e0dbc9; cursor: pointer;} 
.Job .ul .first .JobTop{background: #6c4a21; color: #fff;}
.Job .dd1{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.Job .ul .JobCon{padding:5% 10%;display: none;border-bottom: 1px solid #e0dbc9; background: #fff; position: relative;} 
.Job .ul .jobBtn{display: block; width: 116px; line-height: 34px; background: #6c4a21; text-align: center; color: #fff; position: absolute; right: 10%; top: 7%;}
.recruit_content .loadmore{width: 209px; height: 46px; display: block; margin:60px auto; text-align: center; background-color: #6c4a21; font-size: 20px; line-height: 46px; color: #fff;}
.Mask{position: fixed; display: none; background:rgba(255,255,255,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8FFFFFF,endColorstr=#C8FFFFFF);left: 0; top: 0; z-index: 9999;}
.Mask .MaskBox{z-index: 999; max-width: 600px;margin:0px auto;position: relative;max-height: 490px;background:#fff;padding:40px 20px 0; overflow-y: auto; box-shadow: 0 0 10px #e1e4ce;}
.Mask .MaskBox a.MaskClore{ display: block;width: 80px;font-size: 14px;color: #333;position: absolute;right: 10px;top:10px; line-height: 40px;text-align: center;}
.Mask .MaskBox .MaskForm{margin-bottom: 20px;}
.Mask .MaskBox .MForm{ padding-top: 20px;}
.Mask .MaskForm .right #filesbox{border: 1px solid #ddd; border-radius: 5px; line-height: 40px;height: 40px; padding:0 10px; display: block; color: #333;}
.Mask .MaskForm .right #filesbox .txts{display: inline-block;border:1px solid #ddd; padding:0px 5px; height: 30px; line-height: 30px; margin-top: 4px;}
.MaskForm ul{ margin: 30px auto 0;}
.MaskForm ul li{margin-bottom: 8px;position: relative;padding-left: 110px;}
.MaskForm .left{position: absolute; left: 0;top: 0; width: 110px; text-align: right; padding-right: 10px; line-height: 36px;}
.MaskForm .right{line-height: 36px; font-size: 14px; color: #333; border: 1px solid #ddd; border-radius: 5px; }
.MaskForm ul li.li2 .right{border:1px solid transparent;}
.MaskForm .right input{max-width: 410px; width:90%;line-height: 36px;height: 36px; padding:0 10px;}
.MaskForm .FormBtn{display: block;width: 100px;height: 35px; text-align: center;line-height: 35px; background: #6c4a21; border-radius: 5px; color: #fff;margin:20px auto 0;}
.Mask .MaskBox{padding: 40px 40px 0;}
.Mask .MaskBox a.MaskClore{top: 30px;}
.Mask .MaskBox .MaskForm{margin-bottom: 40px;}
/* recurit */

/* feedback */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.feedback_content{padding:60px 0px; box-shadow: 0 0 5px #999;margin-bottom: 100px !important; }
.feedback_content .contents{margin:0; padding:0 3% 0 3%;}
.feedback_content .contents .slogan{font-size: 14px; color: #6c4a21;}
.feedback_content .contents form{margin-top: 50px;}
.feedback_content .contents form li{ width: 32%; margin-right: 2%; height: 50px; margin-bottom: 25px; display: inline-block; position: relative;}
.feedback_content .contents form li .form_class{width:100%; margin-right: 2%; height: 50px; background: #f0ecdb; padding:0 2%; }
.feedback_content .contents form li.single{width: 66%;}
.feedback_content .contents form li.single2{width: 100%;}
.feedback_content .contents form li.single .form_class{width: 100%; display: block;}
.feedback_content .contents form li .form_err{position: absolute; right: 20px; top: 50%; margin-top: -10px;}
.feedback_content .contents form textarea{width: 100%; padding:2% 2%; background: #f0ecdb;}
.feedback_content .contents form .sub_btn{width: 209px; height: 46px; display: block; background-color: #6c4a21; text-align: center; font-size: 20px; color: #ffffff; margin:45px auto;}

@media screen and (max-width:768px){
 .feedback_content .contents form li,
 .feedback_content .contents form li.single{width: 100%;}
}


.feedback_content input::-webkit-input-placeholder{
    color:#6c4a21;
    font-size: 14px;
}
.feedback_content input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#6c4a21;
    font-size: 14px;
}
.feedback_content input::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#6c4a21;
    font-size: 14px;
}
.feedback_content input::-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#6c4a21;
    font-size: 14px;
}

.feedback_content textarea::-webkit-input-placeholder{
    color:#6c4a21;
    font-size: 14px;
}
.feedback_content textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#6c4a21;
    font-size: 14px;
}
.feedback_content textarea::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#6c4a21;
    font-size: 14px;
}
.feedback_content textarea::-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#6c4a21;
    font-size: 14px;
}

/* feedback */



/* contact */
.w1229{max-width: 1229px; margin:0 auto; width: 100%;}
.contact_content{padding:60px 0px; box-shadow: 0 0 5px #999;margin-bottom: 100px !important; }
.contact_content .contents{margin:0; padding:0 3% 0 4%;}
.contact_content .contents .info{width: 45%; float: left;}
.contact_content .contents .map{width: 55%; float: left;}
.contact_content .contents .info .name{font-size: 26px; color: #6c4a21; padding-top: 36px; line-height: 1.5em;}
.contact_content .contents .info .other{padding-left: 35px; padding-top: 46px; padding-bottom: 32px; border-left: 1px solid #e0dbc9; margin-top: 34px;}
.contact_content .contents .info .other .normal{font-size: 20px; color: #6c4a21; position: relative;}
.contact_content .contents .info .other .normal::before{content:''; width: 17px; height: 17px; display: block; background: url(../images/lxwm/icon_rect.png) no-repeat center; position: absolute; margin-left: -44px; margin-top: 4px;}
.contact_content .contents .info .other .small{font-size: 14px; color: #6c4a21; line-height: 2em; padding: 8px 0 20px 0;}
.contact_content img{ max-width:none}
@media screen and (max-width:768px){
    .contact_content .contents .map .BMap_omCtrl{display: none;}
}

/* contact */



/* bottom */
.footer{max-width: 1920px;margin: 0 auto;position: relative; z-index: 2; padding:5% 0 3% 0; background: #4d443c;}
.footer .to_top{width: 74px; height: 74px; position: absolute; left: 50%; margin-left: -37px; top:-37px; cursor: pointer;}
.footer .main_contain{padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .bottom_nav{width: 75%; float: left;}
.footer .bottom_nav dl{float:left; padding:0% 6% 0 0;}
.footer .bottom_nav dl:last-child{padding-right: 0;}
.footer .bottom_nav dl dt{font-size: 16px; color: #fbf7e8; font-weight: normal; padding-bottom: 6px;}
.footer .bottom_nav dl dd a{color: rgba(251,247,232,0.5); font-size: 14px; line-height: 32px;}
.footer .share{width: 20%; float: right;}
.footer .share .bd{width: 114px; height: 114px; background: #fff; padding:7px; float: right;}
.footer .share .hd{float: right; margin-top: 20px;}
.footer .share .hd ul li{float: left; margin-left: 10px;}
.footer .copy_right .other_page{width: 70%; float: left;}
.footer .copy_right .other_page ul{margin:0; padding: 0; margin-top: 20px; display: block;}
.footer .copy_right .other_page ul li{float: left;padding:0; line-height: 14px; padding-right: 20px; margin-right: 20px; border-right: 1px solid rgba(255,255,255,0.1);}
.footer .copy_right .other_page ul li a{color: rgba(255,255,255,0.3); font-size: 14px;}
.footer .copy_right .other_page p{color: rgba(255,255,255,0.3); font-size: 14px; padding-top: 6px;}
.footer select{width: 290px; height: 40px; line-height: 40px; border:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.3); margin-top: 20px; float: right;}
.footer select option{height: 40px; line-height: 40px; background: #4d443c; color: rgba(255,255,255,0.3);}
.footer .copy_right .wap{display:none;}
/* bottom */
/* 响应式 */

/* 窗口宽度<1229 */
@media screen and (max-width:1228px){
    .index_content .produce .sub a{float: left; width: 374px; height: 244px; overflow: hidden; margin-right: 40px;}
    .index_content .about_us{padding: 4% 2% 8% 2%;}
    .index_content .about_us .left{ width: 50%; padding-right: 2%;}
    .index_content .about_us .left .title{display: none;}
    .index_content .about_us .left .intro{padding-top: 0; width: 100%;writing-mode:inherit; text-indent: 2em; height: auto;padding:0;}
    .index_content .about_us .left .intro::before{display: none;}
    .index_content .about_us .img_w{float: left; width: 50%; overflow: hidden; height: auto;}
    .index_content .about_us .img_w img{}
    .index_content .produce{padding: 4% 2%;}
    .index_content .produce .main .imgw{}
    .index_content .produce .main .intro .title{display: none;}
    .index_content .produce .main .intro .xl{width: 80%; margin:0;}
    .index_content .produce .main .intro .xl .p1{width: 100%; margin-top: 50px;}
    .index_content .produce .main .intro .xl .p2{width: 100%;margin-top: 50px;}
    .index_content .produce .sub a{width: 100%; margin-right: 2%;}
    .index_content .produce .sub a:nth-child(3n){margin-right: 0%;}
    .index_content .news{}
    .index_content .news .conts{padding:0 2%; height: auto;}
    .index_content .news .conts .cont{width: 32%; margin-right: 2%; margin-left: 0;}
    .index_content .news .conts .cont:nth-child(3n){ margin-right: 0%;}
    .index_content .contact .way{float: none; width: 100%; text-align: center; padding-top: 40px; margin:0;}
    .index_content .contact .title{display: none;}
    .menu_nav .bread_crumb_wrap{display: none;}
    .menu_nav .menu_wrap{float: none; padding:2px 2%; text-align: center;}
    .menu_nav .menu_wrap a{margin:2% 0; width: 15%;}
    .footer{padding:5% 2% 3% 2%;}
    .footer .bottom_nav{width: 100%;}
    .footer .share{display: none;}

}

/* 窗口宽度<1206 */
@media screen and (max-width:1000px){
    .NavList{display: none;}
    .index_content .news .conts{padding: 0 2%;}
    .index_content .news .conts .cont{width: 40%; margin:5% 5% 0 5%;}
    .index_content .news .btn_more{margin-top: 30px;}
    .menu_nav .menu_wrap a{ width: 22%;}
    .talent_idea_content .contents .li .text_w .line{display: none;}
    .talent_idea_content .contents .li .text_w .intro{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .footer select{display: none;}
    .footer .copy_right .other_page{width: 100%; text-align: center;}
    .footer .copy_right .other_page ul li{display: inline-block; float: none;}
    .header {position: relative;}
    .header .NavBtn{width:40px; height: 28px; display: block; position: absolute; z-index: 9999; background: url(../images/nav.png) no-repeat center; background-size: 100% 100%; right: 4%; top:50%; margin-top: -12px;}

}




/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width:959px){
   .index_content .about_us .left{width: 100%; padding:2% 4%;}
   .index_content .about_us .img_w{width: 100%; padding:2% 4%; text-align: center; padding:0 2%;}
   .index_content .produce .main .imgw{float: none; width: 100%; display: block;}
   .index_content .produce .main .intro{width: 100%;}
   .index_content .produce .main .intro .xl{width: 100%; padding:0 4%;}
   .index_content .produce .main .intro .xl .p1{padding-top: 10px;}
   .index_content .produce .main .intro .xl .p2{font-size: 20px; line-height: 30px; padding-top: 24px;}
   .index_content .produce .sub{padding-top: 40px;}
   .index_content .produce .sub a{height: auto;}
   .index_content .news .conts .cont{height: auto;}
   .index_banner .swiper-button-next, .swiper-button-prev{display: none;}
   .menu_nav .menu_wrap a{ width: 30%;}
   .contact_content .contents .info{float: none; width: 100%; text-align: center;}
   .contact_content .contents .info .other{border:none; padding-left: 0;padding-top: 0;}
   .contact_content .contents .info .other .normal::before{display: none;}
   .contact_content .contents .map{float: none; width: 100% !important; text-align: center;}
    .feedback_content .contents form .form_class{width: 47%;}
    .feedback_content .contents form .single{width: 96%;}
    .news_list_content .contents .li{width: 43%; margin:2% 3%;}
    .product_list_content .contents .li{width: 43%; margin:2% 3%;}
    .jcsp_content .contents .li{width: 43%; margin:2% 3%;}
    .Job .ul .jobBtn{position: static; margin-top: 10px;}
    /* .talent_idea_content .contents .li .wrap1{padding-top: 20px;} */
    .footer .bottom_nav dl{padding:0 4% 0 0;}
    .footer .copy_right .wap{ display: inline-block;}
   

}

@media screen and (max-width:767px){
    .qyry_content .contents .li{width: 42%; margin:2% 3.5%;}
    .menu_nav .menu_wrap{padding:20px 2%;}
    .footer .bottom_nav{display: none;}
    .footer .main_contain{border-bottom: none;}
}


/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
    .index_content .news .conts{padding:0 4%;}
    .index_content .news .conts .cont{width: 100%; margin:0; margin-top:4%;}
    .menu_nav .menu_wrap{ font-size: 0; }
    .menu_nav .menu_wrap a{ width: 50%; font-size: 16px;}
    .feedback_content .contents form .form_class{width: 100%;}
    .qyry_content .contents .li{width:90%; margin:2% 4.5%;}
    .news_list_content .contents .li{width: 94%; margin:2% 3%;}
    .product_list_content .contents .li{width: 94%; margin:2% 3%;}
    .jcsp_content .contents .li{width: 94%; margin:2% 3%;}
    .Job dl dd{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .talent_idea_content .contents .li >div{width: 100%;}
    .talent_idea_content .contents .li .text_w{height: auto; padding-bottom: 30px;}
    .header .logo{width: 70%;}
    .header .logo img{max-width: 100%;}

    .product_list_content .contents .li .img_w{height: auto;}
    .product_list_content .contents .li .text{height: auto;}
}   





/* 响应式 */



.event_content .contents{margin-top: 20px;}
.event_content .contents .maintitle{font-size: 26px; color: #663333; text-align: center;}
.ylistbox{position: relative; min-height: 100px;}
.ylistbox .ycontrol{position: absolute;top:0px;cursor:pointer;}
.ylistbox .prev{left:0px;background: url(../images/dsj/prev.png);width: 61px;height: 58px; background-size: 100%; z-index: 999;}
.ylistbox .next{right:0px;background: url(../images/dsj/next.png);width: 61px;height: 58px; background-size: 100%; z-index: 999;}
.ylistbox .tablistbox{margin:0 auto; max-width: 1000px; height: 58px; background: url(../images/dsj/line.png) no-repeat center; background-size: 100%;}
.ylistbox .tablistbox .tempWrap{width:100% !important;}
.ylistbox li{cursor:pointer; position: relative; text-align:center;font-size:18px;color:#aaaaaa;float: left; width: 300px;}
.ylistbox li.on,
.ylistbox li:hover{color:#000;}
.ylistbox li::after{content:''; width:11px; height:11px; display: block; background: #e0dbc9; position:absolute; left: 50%; transform: translateX(-50%); top:24px; border-radius: 50%; transition: all 0.45s;}
.ylistbox li:hover::after,
.ylistbox li.on::after{width:21px ; height:21px; top:0px; background:rgba(108,74,33,1); position: absolute; top:19px; }


.ylistbox li span{padding-top: 60px; display: inline-block; font-size: 18px; color: #cc9999; text-transform: uppercase;}
.ylistbox li.on span{font-size: 24px; color: #663333; transition:all 0.3s;}
.ylistbox li.on span i{}
.event_content .contents .tabcontbox{}
.event_content .contents .tabcontbox ul{}
.event_content .contents .tabcontbox ul li{background: url(../images/dsj/ruler.png) repeat-y center;}

.event_content .contents .tabcontbox ul li .cont{}
.event_content .contents .tabcontbox ul li .cont .wrap{
    width: 46.55%;
    padding: 1%;
    /* background: url(../images/dsj/cont_bg.png) no-repeat center; */
    border: 15px solid transparent;
	border-image:url("../images/dsj/cont_bg.png") 30 30 round;
    /* background-size: 100% 100%; */
    position: relative;
    transition:all 0.3s;
}
.event_content .contents .tabcontbox ul li .cont .wrap img{
    max-width: 50%;
    margin-top: 15px;
}
.event_content .contents .tabcontbox ul li .cont .wrap .time{float: left; padding-right: 10%; font-size:14px; color: #6c4a21; position: relative;}
.event_content .contents .tabcontbox ul li .cont .wrap .time em{font-size: 26px; color: #6c4a21; font-style: normal;}
.event_content .contents .tabcontbox ul li .cont .wrap .time em::after{content:''; width: 14px; height: 1px; display: block; background: #bebebe; position: absolute; right: 18px; top: 50%;}
.event_content .contents .tabcontbox ul li .cont .wrap .txt{float: left; width: 80%; line-height: 24px; color: #6c4a21; font-size: 14px;}
.event_content .contents .tabcontbox ul li .cont:first-child{margin-top: 30px;}
.event_content .contents .tabcontbox ul li .cont:nth-child(2n+1) .wrap{float: right;}
.event_content .contents .tabcontbox ul li .cont:nth-child(2n) .wrap{float: left;}
.event_content .contents .tabcontbox ul li .cont:nth-child(2n) .wrap::after{content:''; width: 9px; height: 9px; display: block; background: #e0dbc9; position: absolute; right: -59px; top: 50%; margin-top: -4.5px; border-radius: 50%; transition:all 0.3s;}
.event_content .contents .tabcontbox ul li .cont:nth-child(2n+1) .wrap::after{content:''; width: 9px; height: 9px; display: block; background: #e0dbc9; position: absolute; left: -59px; top: 50%; margin-top: -4.5px; border-radius: 50%; transition:all 0.3s;}
.event_content .contents .tabcontbox ul li .cont:nth-child(2n) .wrap:hover::after{content:''; width: 39px; height: 39px; background: url(../images/dsj/hv.png) no-repeat center; right: -74px; top: 50%; margin-top: -19.5px; }
.event_content .contents .tabcontbox ul li .cont:nth-child(2n+1) .wrap:hover::after{content:''; width: 39px; height: 39px; background: url(../images/dsj/hv.png) no-repeat center; left: -74px; top: 50%; margin-top: -19.5px; }
.event_content .contents .tabcontbox ul li .cont .wrap:hover{background-color: #fff;}
@media screen and (max-width:767px){
    .event_content .contents .tabcontbox ul li .cont .wrap .time{padding-right: 20%; }
    .event_content .contents .tabcontbox ul li .cont:nth-child(2n+1) .wrap::after{
        left: -15%;
    }
    .event_content .contents .tabcontbox ul li .cont:nth-child(2n) .wrap::after{
        left: -15%;
    }
}

 .submenu{  background-color:#f0ecdb; margin-top:2.5%; text-align:center;}
 .submenu .auto{padding:1% 0; }
 .submenu .auto:before{ content:''; display:inline-block; position:absolute; top:-8px; left:45%; width:14px; height:8px; background:url(../images/submenu_icon.png) no-repeat;}
 .submenu span{ padding:0px 20px;}
 .submenu span a{ color:#433f37; white-space:nowrap;}
 .submenu span.on a,
 .submenu span a:hover{ color:#e41111;}
 .auto{margin:0 auto; max-width:1200px;  position:relative;}
 
  /* 加载更多 */
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}
.loading {
    text-align: center;
}
.loading a {
    display: inline-block;
    background-image: url("../images/loading.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 53px;
    height: 53px;
    -webkit-animation: rotate 2s infinite linear;
}
@-webkit-keyframes rotate {
    0%{
        -webkit-transform: rotate(0deg);
    }
    50%{
        -webkit-transform: rotate(180deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
    }
 }
 
.font_news_list{ padding-top:3%;}
.font_news_list ul li{ font-size:16px; padding:2% 0 2% 2%; border-bottom:solid 1px #aa9b79; background-image:url(../images/icon7.png); background-repeat:no-repeat; background-position:left center}
.font_news_list ul li:hover{background-image:url(../images/icon7_on.png);}
.font_news_list ul li span{ padding-left:20px; float:right;}

.inner_banner{text-align:center}


/*2018/11/30*/
.fancybox-title-float-wrap .child{white-space:inherit !important;}

.layui-layer-page .layui-layer-content{height: 90%;overflow: hidden !important;}
.layui-layer-rim{
    width: 60%  !important;
    height: 60% !important;
    margin:0 auto !important;
    left:0 !important;
    right:0 !important;
}

@media screen and (max-width:767px){.layui-layer-rim{width: 100% !important;}}


#contactlikst{font-size: 26px;color: #6c4a21;line-height: 1.5em;max-width: 100%;}
@media screen and (max-width:767px){
    #contactlikst{font-size: 14px;}
}


.link_list{ overflow:hidden;}
.link_list ul{ margin-right:-7.5%; overflow:hidden;}
.link_list ul li{ float:left; margin-bottom:3%; width:26.33333333333333%; margin-right:7%;}
.link_list ul li .pic{ overflow:hidden;}
.link_list ul li .pic span{ padding-top:30%; display:block; background-repeat:no-repeat; background-position:center center; background-size:contain; background-color:#fff; position:relative;}
.link_list ul li .pic span img{ position:absolute; display:block; max-height:100%; max-width:100%; left:0; top:0; right:0; bottom:0; margin:auto;}
.link_list ul li h5{ position:relative; font-size:16px; padding:5% 15% 5% 5%; border:solid 1px #eadaa9; border-top:none;}
.link_list ul li h5:before,
.link_list ul li h5:after{ width:23px; height:12px; content:''; position:absolute; bottom:0; background:url(../images/icon2.png) no-repeat;}
.link_list ul li h5:before{ background-position:left bottom; left:0}
.link_list ul li h5:after{ background-position:right bottom; right:0;}
.link_list ul li h5 i{ font-style:normal; display:block;}
.link_list ul li h5 i:before{content:''; position:absolute; display:block; width:27px; height:27px; right:5%; background:url(../images/icon3.png) no-repeat left;}
.link_list ul li:hover h5 i:before{ background-position:right;}



/* 详情页上一篇 下一篇 样式 */
.info_back{ padding:1% 0; border-top:1px dotted #ebebeb;}
.info_back a{ padding:3px 20px; cursor:pointer; color:#fff; background-color:#e41111; display:inline-block;}
.info_back a:hover{background-color:#fed001;}
.info_prev_next{padding:2% 0; overflow:hidden;}
.info_prev_next span{ display:block; float:left; width:48%;}
.info_prev_next span.flr{ float: right; text-align:right; }
.info_prev_next a{ color:#757168;}
.info_prev_next a:hover{ color:#e41111;}
.info_prev_next .prev{ float:left;}
.info_prev_next .next{ float:right; text-align:right;}

/* .info_prev_next span{ padding:1% 0; float: none; width:100%;} */
.info_prev_next .next{text-align:left;}


/* 搜索框 */
.search_btn{display: inline-block;padding: 48px 30px;position: relative;}
.search_btn .search_input{position: absolute;right: 10px;top: 130px;z-index: 999999;}
.search_btn .search_input input{width: 200px;height: 28px;line-height: 28px;border-radius: 50px;box-shadow: 0 0 20px 0px #ddd;background-color: #fff;padding: 0 28px 0 12px;}
.search_btn .search_input a{position: absolute;top: 0;right: 0;width: 28px;height: 28px;background: url(../images/search_icon.png) no-repeat center;background-size: 18px;}

.qyjj_content embed{ max-width: 100%; }
.copy_record{text-align:center;position:relative;max-width:1200px;margin:auto;}
.copy_record a{color:rgba(255,255,255,0.3);}
